How do I use router-link in Vue 3?

How do I use router-link in Vue 3?

In Vue 3, you can use the <router-link> component to create links that navigate to different routes. It works similarly to an anchor tag but is designed for Vue Router.

Can you show me an example of how to implement it?

Sure! Here's a simple example: <router-link to='/home'>Home</router-link> will create a link to the 'home' route.

What if I want to pass parameters in the route?

You can pass parameters using the 'to' prop like this: <router-link :to='{ name: "user", params: { id: 123 } }'>User 123</router-link>.

Is there a way to style the router-link?

Yes! You can add classes to the <router-link> using the 'class' attribute, just like any other HTML element.