vue路由跳转带参数

在Vue中，可以通过路由跳转并传递参数有多种方式。以下是其中的一种常见方式：

1. 在路由配置中定义参数：

// 定义路由
const router = new VueRouter({
  routes: [
    {
      path: '/user/:id', // 定义参数id
      name: 'User',
      component: UserComponent
    }
  ]
})

2. 在组件中使用`$router.push`方法进行跳转，并传递参数：

// 在某个方法中进行跳转
this.$router.push({ name: 'User', params: { id: 1 }})

3. 在目标组件中使用`$route.params`来获取传递的参数：

// 在目标组件的生命周期钩子或方法中获取参数
mounted() {
  console.log(this.$route.params.id) // 输出传递的参数值
}

通过以上方式，就可以在Vue中实现路由跳转并传递参数了。当然，还有其他的方式可以实现相同的效果，根据具体需要选择合适的方式即可。