vue-router 获取参数

### 回答1：
在 Vue Router 中获取路由参数很简单。你可以在组件中使用 `this.$route.params` 对象来获取路由参数。例如，如果你的路由路径是 `/user/123`，那么你可以这样获取 `userId` 参数：

export default {
  computed: {
    userId() {
      return this.$route.params.userId
    }
  }
}

你也可以使用路由的导航守卫来在路由发生变化之前获取参数。

router.beforeEach((to, from, next) => {
  const userId = to.params.userId
  // ...
})

注意，如果你使用了动态路由匹配（如 `/user/:userId`），那么这些参数才会出现在 `this.$route.params` 对象中。如果你使用了查询参数（如 `/user?id=123`），那么你可以使用 `this.$route.query` 对象来获取查询参数。

### 回答2：
在Vue.js中使用vue-router获取参数可以通过$route对象来实现。路由参数分为两种类型：动态路由参数和查询参数。

动态路由参数是指在路由路径中使用冒号标记，例如定义了一个路由路径为"/user/:id"，那么:id就是一个动态路由参数。我们可以在组件中通过$route.params来获取动态路由参数的值。例如，可以使用$route.params.id来获取路由路径中的id参数的值。

查询参数是指在路由路径后面使用问号传递的参数，例如定义了一个路由路径为"/user"，然后通过"/user?id=1"来传递参数。我们可以在组件中通过$route.query来获取查询参数的值。例如，可以使用$route.query.id来获取查询参数中的id的值。

具体的使用示例如下：

1.定义路由路径

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: User
    }
  ]
})

2.在组件中获取动态路由参数的值

export default {
  created() {
    console.log(this.$route.params.id) // 打印动态路由参数id的值
  }
}

3.在组件中获取查询参数的值

export default {
  created() {
    console.log(this.$route.query.id) // 打印查询参数id的值
  }
}

通过以上方法，我们可以方便地在Vue.js中获取路由参数的值，并进行相应的操作。

### 回答3：
在Vue中使用vue-router获取参数可以通过两种方式实现。

第一种方式是通过路由的params属性获取参数。在定义路由时，可以在路由路径中设置参数，如下所示：

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: User
    }
  ]
})

然后，在组件中可以通过this.$route.params来获取路由中的参数，如下所示：

export default {
  created() {
    const id = this.$route.params.id
    console.log(id) // 输出获取到的参数值
  }
}

第二种方式是通过路由的query属性获取参数。在定义路由时，可以通过query来设置参数，如下所示：

const router = new VueRouter({
  routes: [
    {
      path: '/user',
      component: User
    }
  ]
})

然后，在组件中可以通过this.$route.query来获取路由中的参数，如下所示：

export default {
  created() {
    const id = this.$route.query.id
    console.log(id) // 输出获取到的参数值
  }
}

需要注意的是，query方式获取的参数会被包装成字符串，而params方式获取的参数是原始类型。使用时可以根据需要选择适合的方式来获取参数。