How do I implement programmatic navigation in Vue 3?

How do I implement programmatic navigation in Vue 3?

In Vue 3, you can use the router.push() method for programmatic navigation. This allows you to navigate to different routes programmatically.

Can you show me an example of how to use router.push()?

Sure! Here's a simple example: this.$router.push('/home') will navigate to the home route.

What if I want to pass parameters with the route?

You can pass parameters like this: this.$router.push({ name: 'user', params: { userId: 123 } }).

Is there a way to replace the current route instead of pushing a new one?

Yes, you can use this.$router.replace('/new-route') to replace the current route without adding a new entry to the history.