vue 路由传参 params 与 query两种方式的区别

最新推荐文章于 2022-10-16 11:27:19 发布

碉堡飞哥

最新推荐文章于 2022-10-16 11:27:19 发布

阅读量318

点赞数

分类专栏：前端 vue

前端同时被 2 个专栏收录

183 篇文章 3 订阅

订阅专栏

vue

15 篇文章 0 订阅

订阅专栏

本文详细对比了Vue中Query与Params的使用方式与展示效果。Query类似GET请求，参数显现在URL；Params则类似POST，参数隐藏。两者在引入与接收上有所不同，分别使用path与name进行引用。

摘要由CSDN通过智能技术生成

下面整理一下这两者的差别：

1、用法上的

　　刚才已经说了，query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。

注意接收参数的时候，已经是$route而不是$router了哦！！

2、展示上的

　　query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示

query:
在这里插入图片描述
params: