PHP前端开发

vue中query和param的区别

百变鹏仔 4个月前 (09-25) #VUE
文章标签 区别
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"  }};

总结