How do I use named routes in Vue.js routing?

How do I use named routes in Vue.js routing?

In Vue.js, named routes allow you to navigate using a route's name instead of its path. This makes your code cleaner and easier to maintain.

Can you show me an example of how to define named routes?

Sure! You can define named routes in your router configuration like this:

const routes = [
  { path: '/home', name: 'home', component: Home },
  { path: '/about', name: 'about', component: About }
];

How do I navigate to a named route?

You can navigate to a named route using the router.push method:

this.$router.push({ name: 'home' });

What if I want to pass parameters to a named route?

You can pass parameters like this:

this.$router.push({ name: 'user', params: { userId: 123 } });