vue路由携带参数跳转

Vue路由携带参数跳转非常简单，我们只需要使用Vue路由的编程式导航方式即可实现。在需要跳转的方法中，使用router.push方法，该方法可接受一个对象作为参数，其中包括两个属性：path和query。

其中path表示路由的路径，可以是一个字符串常量，也可以是一个带参数的变量，例如：

router.push({ path: '/users/' + userId })

query属性表示要传递的参数，可以是一个对象，例如：

router.push({ path: '/users/', query: { id: userId, name: 'John' }})

在被跳转的页面中，我们可以使用$route对象来获取传递的参数，例如：

props: ['id', 'name'],
created() {
  console.log(this.id); // 输出传递的id参数的值
  console.log(this.name); // 输出传递的name参数的值
},

同时，我们也可以使用$route.query来获取传递的参数：

created() {
  console.log(this.$route.query.id); // 输出传递的id参数的值
  console.log(this.$route.query.name); // 输出传递的name参数的值
},

以上就是Vue路由携带参数跳转的基本方法。当然，在实际开发中，我们还可以使用其他高级的技巧，例如在路由配置中使用props来获取参数等。总之，Vue路由携带参数跳转非常方便，我们可以根据需求选择最合适的方法来实现。