vue路由传参query和params的区别

Posted 南夏de博客

tags:

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

1、用法

 A、query要用path来引入(用name来引入也可以),接收参数都是this.$route.query.name。

B、params要用name来引入,接收参数都是this.$route.params.name。

2、效果

A、query类似于ajax中get传参,即在浏览器地址栏中显示参数。

B、params则类似于post,即在浏览器地址栏中不显示参数。

3、个人建议

在路由传参上建议使用params,以隐藏参数,做好安全保密。

 

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

路由传参 query 和 params

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

vue路由传参query和params的区别

vue-router 路由动态传参 query和params的区别

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

Vue Router路由中 的$route.params和$route.query传参的区别和使用示例