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
?key=value。this.$route.query 访问。param
立即学习“前端免费学习笔记（深入）”；
path/to/resource/:key/value。this.$route.params 访问。示例
<code class="js">// 路由定义
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"
}
};</code>总结
query 用于访问查询字符串中的数据，param 用于访问 URL 段中的数据。query 可动态更新，param 在路由导航时重新加载。以上就是vue中query和param的区别的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
336
