vue中路由传参的用法

在Vue中，可以使用$route对象来获取当前路由的信息和参数。要向路由传递参数，可以在路由路径中使用冒号(:)来定义动态参数，如下所示：

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

在组件内部，可以通过 $route.params 来访问路由参数，如下所示：

export default {
  mounted() {
    console.log(this.$route.params.id)
  }
}

如果想要在路由导航跳转时传递参数，可以使用 router.push 方法，并将参数作为第二个参数传递，如下所示：

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

在组件内部，可以通过 $route.query 来访问路由参数，如下所示：

export default {
  mounted() {
    console.log(this.$route.query.id)
  }
}