vue2 路由传参数
在 Vue 2 中,你可以使用路由传递参数来实现不同页面之间的数据传递。最常见的方法是使用路由的动态路径参数或查询参数。
1. 动态路径参数:
  在定义路由时,可以使用冒号来指定动态的路径参数。例如:
  ```javascript
  const router = new VueRouter({
    routes: [
      { path: '/user/:id', component: User }
    ]
  })
  ```
  在上面的例子中,`:id` 是动态的路径参数。你可以在组件中通过 `this.$route.params.id` 来获取传递的参数值。
2. 查询参数:
  另一种常见的传递参数的方法是使用查询参数。你可以在路由链接中使用 `to` 属性来传递参数,然后在组件中使用 `this.$route.query` 来获取参数值。例如:
  ```javascript
  // 路由链接
react router路由传参
  <router-link :to="{ path: '/user', query: { id: 123 }}">User</router-link>
  // 组件中获取参数
  this.$route.query.id
  ```
这些是 Vue 2 中常用的路由传递参数的方法。根据你的具体需求,你可以选择其中的一种或者结合使用。