vue动态路由

Vue动态路由是一种根据参数动态匹配URL路径的技术，它使得我们可以根据不同的参数值展示不同的内容。在Vue中，我们可以使用路由参数来定义动态路由，比如：

{
  path: '/users/:id',
  component: User,
  props: true
}

上面的例子中，`:id`就是一个路由参数，它可以匹配任何非空字符串。当用户访问`/users/1`时，路由会匹配到该路径，并将参数`id`设置为`1`。这样，我们就可以在组件中使用该参数来展示不同的内容。同时，我们也可以通过`props`属性将参数作为组件的属性传递进去。

在组件中，我们可以通过`$route.params`来获取路由参数，比如：

<template>
  <div>
    <p>User ID: {{ $route.params.id }}</p>
  </div>
</template>

上面的例子中，我们使用了`$route.params.id`来获取路由参数，并展示了用户的ID。

总之，Vue动态路由是非常有用的技术，它可以使我们的应用更加灵活和智能。