Vue 编程式路由跳转带参数：完整指南

在 Vue 中，我们可以使用编程式路由跳转携带参数。具体步骤如下：

1. 在路由配置中，定义需要携带参数的路由：

const routes = [
  {
    path: '/user/:id',
    name: 'user',
    component: User
  }
]

这里的 ':id' 表示动态路由参数，我们可以通过这个参数来传递数据。

2. 在组件中，使用 '$router.push' 方法进行编程式路由跳转，并通过 'params' 属性传递参数：

this.$router.push({ 
  name: 'user', 
  params: { id: userId } 
})

这里的 'name' 是路由的名称，'params' 是一个对象，里面包含了需要传递的参数。例如，我们可以传递一个 'userId' 参数。

3. 在接收参数的组件中，可以通过 '$route.params' 来获取参数：

mounted () {
  const userId = this.$route.params.id
}

这里的 '$route.params' 是一个对象，包含了所有的动态路由参数。

需要注意的是，如果我们使用了编程式路由跳转并携带参数，那么在浏览器的地址栏中是不会显示这些参数的。只有通过 '$route.params' 才能获取到这些参数。如果需要在地址栏中显示参数，可以考虑使用 'query' 属性来传递参数。