vue中如何定义动态路由如何获取传递过来的参数

在Vue中定义动态路由可以使用路由的参数形式。在定义路由时，可以在路径中使用冒号(:)来指定一个参数，然后在路由组件中可以通过$route.params来获取传递过来的参数。

以下是一个定义动态路由并获取参数的示例：

// 定义动态路由
const routes = [
  {
    path: '/user/:id', // 路径中使用:id表示一个参数
    name: 'User',
    component: User
  }
];

// 创建路由实例
const router = new VueRouter({
  routes
});

// 在组件中获取参数
const User = {
  template: `
    <div>
      <h2>User</h2>
      <p>Id: {{ $route.params.id }}</p> // 使用$route.params来获取传递过来的参数
    </div>
  `
};

在上面的例子中，路径/user/:id中的:id表示一个参数，可以在路由组件中通过this.$route.params.id来获取传递过来的参数。

当访问/user/123时，$route.params.id的值将为123。

注意：如果要在组件中获取动态路由参数的变化，可以使用watch来监听$route.params的变化