vue中query和param的区别
vue.js 中 query 和 param 的区别在于:query 访问 url 查询字符串中的数据(如 ?key=value),而 param 访问 url 段中的数据(如 path/to/resource/:key/value)。query 可动态更新,而 param 在路由导航时重新加载。
Vue.js 中 Query 和 Param 的区别
在 Vue.js 路由系统中,query 和 param 是两种不同的方式来访问 URL 中传递的数据。
query
param
立即学习“前端免费学习笔记(深入)”;
示例
// 路由定义const router = new VueRouter({ routes: [ { path: '/users/:id', component: User } ]});// 组件内访问数据const User = { mounted() { console.log(this.$route.params.id); // 访问 URL 段中的 "id" console.log(this.$route.query.filter); // 访问查询字符串中的 "filter" }};
总结