路由传参的时候params与query的区别

在前端开发中，路由传参可以使用params和query两种方式。

1. params传参：params是路径的一部分，通常用于传递必要的参数。在路由配置中定义了动态路由参数，可以在路由路径中使用冒号(:)来定义参数。例如，对于以下动态路由配置：

{
  path: '/user/:id',
  component: User
}

在使用params传参时，可以通过在路由路径中添加参数的值来传递参数。例如，访问/user/1时，可以通过this.$route.params.id获取参数值1。

2. query传参：query是通过URL中的查询字符串传递参数。在URL中使用?来定义查询字符串，多个参数之间使用&分隔。例如，对于以下路由配置：

{
  path: '/user',
  component: User
}

在使用query传参时，可以在路由路径后添加查询字符串来传递参数。例如，访问/user?id=1时，可以通过this.$route.query.id获取参数值1。

总结：

• params传参是将参数直接添加到路由路径中，适用于必要参数，参数值可以通过this.$route.params来获取。
• query传参是通过URL中的查询字符串来传递参数，适用于非必要参数，参数值可以通过this.$route.query来获取