La différence entre requête et param dans Vue.js est que la requête accède aux données dans la chaîne de requête URL (telle que ?key=value), tandis que param accède aux données dans le segment URL (telles que chemin/vers/ressource/ :valeur clé ). la requête peut être mise à jour dynamiquement, tandis que le paramètre est rechargé lors de la navigation sur l'itinéraire.
La différence entre Query et Param dans Vue.js
Dans le système de routage Vue.js, query
et param
sont deux manières différentes de accéder aux données transmises dans l'URL. 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
?key=value
. 🎜🎜Accessible via this.$route.query
. 🎜🎜Souvent utilisé pour transmettre des informations non critiques telles que le filtrage, le tri et la pagination. 🎜🎜Peut être mis à jour dynamiquement sans recharger la page. 🎜🎜🎜🎜param🎜🎜path/to/resource/:key/value
. 🎜🎜Accessible via this.$route.params
. 🎜🎜Habituellement utilisé pour transmettre des informations clés qui identifient une ressource ou une partie d'un chemin. 🎜🎜Recharge pendant la navigation sur l'itinéraire. 🎜🎜🎜🎜Exemple🎜🎜rrreee🎜🎜Résumé🎜🎜query
est utilisé pour accéder aux données dans la chaîne de requête, param
est utilisé pour accéder aux données dans les données du segment URL. 🎜🎜query
peut être mis à jour dynamiquement et param
est rechargé pendant la navigation sur l'itinéraire. 🎜🎜Choisissez la méthode d'accès appropriée en fonction du type de données et du cas d'utilisation. 🎜🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!