How do I implement dynamic routes in Vue.js?

How do I implement dynamic routes in Vue.js?

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

Can you give me an example of how to set that up?

Sure! Here's a basic 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 data based on that ID?

You can use the created lifecycle hook to fetch data when the component is created, like this:

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