vue路由params和query参数

Vue路由中有两种传递参数的方式：params和query。

params是用于传递动态路由参数的，即在路由路径中以冒号开头定义的参数。例如：

// 定义路由
{
  path: '/user/:id',
  component: User
}
// 使用路由
this.$router.push('/user/123')

在这个例子中，我们通过路由路径传递了一个id参数，其值为123。在User组件中可以通过$route.params.id来获取这个参数的值。

query则是用于传递查询参数的，即在路由路径后面以?开头的参数。例如：

// 定义路由
{
  path: '/search',
  component: Search
}
// 使用路由
this.$router.push({ path: '/search', query: { q: 'vue' }})

在这个例子中，我们通过query传递了一个q参数，其值为vue。在Search组件中可以通过$route.query.q来获取这个参数的值。

总的来说，params适合传递一些必选参数，而query适合传递一些可选参数。