How do I implement dynamic routing in Vue.js?

How do I implement dynamic routing in Vue.js?

To implement dynamic routing in Vue.js, you can use the Vue Router. You define routes with parameters in your router configuration.

Can you show me an example of a dynamic route?

Sure! Here's a simple example:

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

In this case, :id is a dynamic segment that can match any user ID.

How do I access the dynamic parameter in the component?

You can access the dynamic parameter using this.$route.params.id in your component's script.

What if I want to fetch user data based on the ID?

You can use the mounted lifecycle hook to fetch data when the component is created. For example:

mounted() {
  const userId = this.$route.params.id;
  // Fetch user data using userId
}