在 Vue Router 中,params和query的区别?
在 Vue Router 中,params 和 query 是两种用于传递路由参数的方式,它们各自有不同的用途和特点。以下是它们的主要区别:
一、定义方式
params:
通过动态路由定义,通常在路径中使用冒号(:)来指定动态参数。
例如,路径 /user/:id 中的 :id 是一个动态参数。
query:
通过 URL 查询字符串传递,通常以 ? 开始,后面跟着键值对。
例如,路径 /user?id=123 中的 id 是一个查询参数。
二、使用场景
params:
适用于需要在路由中强制指定的参数,例如用户 ID、文章 ID 等。
使得 URL 更加整洁和语义化。
query:
适用于可选参数或过滤条件,例如搜索关键字、分页信息等。
适合经常变化且不影响 URL 结构的参数。
三、访问方式
params:
可以通过 this. r o u t e . p a