vue2 vue-router 路由传参

在 Vue 2 中，你可以使用 Vue Router 来进行路由传参。有几种方式可以实现路由传参：

1. 使用动态路由参数：在定义路由时，可以通过在路由路径中定义参数来传递数据。例如，定义一个带有参数的路由：

{
  path: '/user/:id',
  component: User
}

然后，在组件中可以通过 `$route.params` 来获取传递的参数：

this.$route.params.id

2. 使用查询参数：在路由中使用查询参数可以在路径后面添加参数。例如，定义一个带有查询参数的路由：

{
  path: '/user',
  component: User
}

然后，在跳转时可以通过 `router.push` 方法传递参数：

router.push({ path: '/user', query: { id: '123' }})

在组件中可以通过 `$route.query` 来获取传递的参数：

this.$route.query.id

3. 使用命名路由传参：定义命名路由时可以指定参数，然后在跳转时传递参数。例如，定义一个带有命名路由参数的路由：

{
  path: '/user',
  name: 'user',
  component: User
}

然后，在跳转时可以通过 `router.push` 方法传递参数：

router.push({ name: 'user', params: { id: '123' }})

在组件中可以通过 `$route.params` 来获取传递的参数：

this.$route.params.id

这些是在 Vue 2 中传递路由参数的常用方法。根据你的需求，选择适合的方式来传递参数。