vueX 301 编程式路由跳转接受参数

在 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 变量。这样，就可以在页面中使用这个参数了