What are some examples of using router links in Vue 3?

What are some examples of using router links in Vue 3?

In Vue 3, you can use the <router-link> component to create links to different routes. For example:

<router-link to="/home">Home</router-link>
<router-link to="/about">About</router-link>

Can you show me how to pass parameters with router links?

Sure! You can pass parameters using the to prop. For example:

<router-link :to="{ name: 'user', params: { id: 123 } }">User 123</router-link>

What if I want to use a dynamic route?

For dynamic routes, you can define a route with a parameter in your router configuration:

const routes = [
  { path: '/user/:id', name: 'user', component: UserComponent }
];

How can I style the router links?

You can style <router-link> just like any other HTML element. For example:

<router-link to="/home" class="nav-link">Home</router-link>