vue中路由之间怎么传参数

在导航到包含路由参数的路由时，可以在 $router.push() 方法或 <router-link> 中传递参数。下面是一些示例：

使用 $router.push() 方法传递参数：

this.$router.push({
  path: '/user',
  params: {
    id: 1
  }
})

使用 <router-link> 组件传递参数：

<router-link :to="{ path: '/user', params: { id: 1 }}">Go to User</router-link>

在接收参数的目标组件中，可以通过 $route.params 访问路由参数。例如，在接收到上述传递的 id 参数的目标组件中，可以这样访问：

this.$route.params.id

2. 查询参数：

   查询参数是在 URL 中使用 ? 指定的键值对参数。可以使用 $router.push() 方法或 <router-link> 中的 query 属性来传递查询参数。

使用 $router.push() 方法传递查询参数：

this.$router.push({
  path: '/user',
  query: {
    id: 1
  }
})

使用 <router-link> 组件传递查询参数：

<router-link :to="{ path: '/user', query: { id: 1 }}">Go to User</router-link>

在接收查询参数的目标组件中，可以通过 $route.query 访问查询参数。例如，在接收到上述传递的 id 查询参数的目标组件中，可以这样访问：

this.$route.query.id

注意：路由参数和查询参数的传递方式略有不同，根据你的需求选择合适的方式来传递参数。