Vue路由传参的两种方式(query和params)

161 阅读1分钟

网上一搜一大堆文章几乎千篇一律,以CSDN和博客园为首全是tmd只会复制粘贴,说的东西都差不多,没有一个回答解决得了我的疑问。 基本用法和特点的区别不多赘述,随便搜搜都有,主要以电商网站为例理解两者各自的存在意义。下面是我的部分猜测加理解:

电商网站左侧三级联动一般用query参数,搜索框用params。

params是提前写好占位符,一般写了就必须有,虽说也可以可传可不传,不过那是面试题的东西; 而query有几个键值对,甚至有没有都是随意的。

用户点击三级联动的一级二级三级任意部分是随机的,不确定的,故而需要传递的参数1到3个都有可能,此时用query更为合理。

而搜索框只用一个占位符提前占好params的坑位就行。 不过理论上params可以做的query也能做,目前我不清楚params有什么优势或者说存在意义,可能让url部分少个键名从而路径更短?或者说隐藏个键名能更安全?