vue params和query的区别

在Vue中，params和query都是用于路由传参的方式，但是它们之间有一些区别。

params是用于传递动态路由参数的，这些参数是定义在路由路径中的，例如：

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

在这个例子中，`id`就是一个动态参数，通过`/user/:id`的方式进行定义。在实际使用时，我们可以通过$route.params.id来获取这个参数的值。

query则是用于传递查询参数的，这些参数是定义在路由后面的查询字符串中的，例如：

// 假设我们访问的路径为 /user?id=123
// 在组件中可以通过 this.$route.query.id 来获取参数的值

需要注意的是，query传参的方式不会影响路由的匹配，也就是说，即使我们访问的路径为`/user`，我们也可以通过`this.$route.query.id`来获取查询参数的值。

因此，如果我们需要传递动态路由参数，应该使用params；如果我们需要传递查询参数，应该使用query。