Vue 中 params 用于访问路由定义中的命名参数（如 /user/:id 的 :id），而 query 用于访问 URL 查询字符串中的附加参数（如 /search?q=vue 中的 q）。
Vue 中 params 和 query 的区别
前言：
Vue.js 中的 params 和 query 是用于访问 URL 中参数的两个属性。两者都有其独特的用法和区别。
params
params 参数用于访问路由定义中声明的命名路由参数。$route.params 对象中。query
立即学习“前端免费学习笔记（深入）”；
query 参数用于访问 URL 查询字符串中的参数。$route.query 对象中。区别总结：
| 特征 | params | query |
|---|---|---|
| 参数来源 | 路由定义中的命名参数 | URL 查询字符串中的附加参数 |
| 存储位置 | $route.params |
$route.query |
| 用途 | 传递动态数据给组件 | 传递附加信息给页面或组件 |
| 访问方式 | 可以通过 this.$route.params 访问 |
可以通过 this.$route.query 访问 |
| 示例 |
/user/:id 中的 :id 参数 |
/search?q=vue 中的 q 参数 |
使用场景示例：
/user/123，其中 params.id 为 123。/articles?page=2&sort=asc，其中 query.page 为 2，query.sort 为 asc。以上就是vue中params与query区别的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
347
