vue params和query的区别在哪里

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue params和query的区别在哪里相关的知识,希望对你有一定的参考价值。

达到功能是一样的,只是表达形式不一样。个人觉得有些微差别的地方:

    如果要保证刷新以后参数不变的话,query路由表配置简单,配置一个路由,参数随便写,params必须则必须把参数配置到路由表里。

    params可以完全隐藏参数,对安全性好一些,不过坏处是不能刷新页面,刷新参数就没了,导致刷新前后看到的结果不一致。 当然,即便params不隐藏参数,安全性也比query好一些,query参数是key=value形式,通常key的文本标明了它的意义。虽然别人知道了你参数的意义并不一定就有风险,但以前确实见过后端用get方式,且安全做的差的,别人一调试从你的get url中看到你的接口,再从query中拿到参数这可能就不太安全?不过现在来说一般不会出现这种情况了。

关于上面说的第2点,甚至觉得现在来说这个比较优雅,意思明确。不过参数多的时候query显得有点长而params看起来短些。 比如 xx.com/#/info/123/某组织/456/某人 就比 

xx.com/#/info?groupid=123&groupname=某组织&memberid=456&membername=某人      要短一些。

当然,既然功能一样,那就按你个人喜好选择就行了

参考技术A sql参数:sql语句 params参数:是给sql语句传递的参数,有的时候需要有的时候不需要,具体看你的sql语句是什么。例如你的sql语句是“SELECT * FROM tb_user”,那这时候就不需要params参数,而如果你的sql语句是“SELECT * FROM tb_user WHERE user.本回答被提问者采纳 参考技术B sql参数:sql语句 params参数:是给sql语句传递的参数,有的时候需要有的时候不需要,具体看你的sql语句是什么。例如你的sql语句是“SELECT * FROM tb_user”,那这时候就不需要params参数,而如果你的sql语句是“SELECT * FROM tb_user WHERE user.

vue路由传参query和params路由传参的区别?

相同点:router文件index.js 都是利用name属性。

技术图片

 

 

 params传递时:

技术图片

 

 

 params接收时利用this.$route.param进行接受:

技术图片

 

 

 query路由传参:

技术图片

 

 

 query接受利用this.$route.query

技术图片

 

 

 而展示上params路由传参像Ajax中post传参方式:

技术图片

 

 

query路由传参像get传参技术图片

 技术图片

 

 

以上是关于vue params和query的区别在哪里的主要内容,如果未能解决你的问题,请参考以下文章

Vue-路由传参 params 与 query的使用和区别

vue-router的query和params的区别

vue路由传参query和params的区别

vue-router params 和 query 的区别

原vue-router中params和query的区别

Vue中关于路由传参query和params的区别