PHP前端开发

vue中params与query区别

百变鹏仔 4个月前 (09-25) #VUE
文章标签 区别
vue 中 params 用于访问路由定义中的命名参数(如 /user/:id 的 :id),而 query 用于访问 url 查询字符串中的附加参数(如 /search?q=vue 中的 q)。

Vue 中 params 和 query 的区别

前言:
Vue.js 中的 params 和 query 是用于访问 URL 中参数的两个属性。两者都有其独特的用法和区别。

params

query

立即学习“前端免费学习笔记(深入)”;

区别总结:

特征paramsquery
参数来源路由定义中的命名参数URL 查询字符串中的附加参数
存储位置$route.params$route.query
用途传递动态数据给组件传递附加信息给页面或组件
访问方式可以通过 this.$route.params 访问可以通过 this.$route.query 访问
示例/user/:id 中的 :id 参数/search?q=vue 中的 q 参数

使用场景示例: