Vuex 3.0.1 编程式路由跳转传递参数：方法详解及代码示例

在 Vue.js 中，可以使用编程式路由跳转来实现页面跳转，同时也可以传递参数。下面是一个示例：

假设我们有一个页面，名称为 'UserDetail.vue'，可以通过以下代码进行编程式路由跳转：

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

在上面的代码中，我们使用 $router.push 方法来实现跳转，并传递了一个对象作为参数。这个对象中包含了两个属性：

• 'path'：表示要跳转的页面路径，这里是 '/user/detail'。
• 'query'：表示要传递的参数，这里是一个对象，包含了一个 'id' 属性，它的值为 'userId'。

在 'UserDetail.vue' 页面中，可以通过 $route.query 来获取传递的参数：

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

在上面的代码中，我们在 'mounted' 钩子函数中获取了传递的参数，并将它赋值给 'userId' 变量。这样，就可以在页面中使用这个参数了。