vue query param 两种传参方式区别

废话不多说,直接上代码

这两种传参写法都大同小异(这里为编程式导航)


注意这两种传参路由引入方式:param只能用name引入路由,query跟平时一样还是path

接着再来看取值


区别各位看官自己看吧

二者浏览器地址栏的显示


上图为query传参,个人觉得类似于Ajax get请求


上图为param传参

总结:

1.引入路由方式不同 param->name  query->path

2.取值方式不同 

3.浏览器地址栏 显示不同

4.个人认为最重要的一点,既然要传参肯定是要一直使用的,我们不能保证用户不去刷新页面吧,所以还是用 query传参吧,param传参刷新页面后无效,query反之

PS:如有误,望轻喷,我改,谢谢!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,916评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,023评论 3 119
  • 寄存器的作用 EAX:accumulator,加法乘法指令的缺省寄存器 EBX:base address,内存寻址...
    废柴阿七脏话阅读 362评论 0 0
  • 我潜伏到海底深处 躲避汹涌的恶浪 本来要骑上马 踏过最高的浪头 穿越整个海峡 抵达远方的彼岸 我在海底望见了光 它...
    周浩熹阅读 363评论 1 1
  • 8/16/2016 今天 巴黎转马德里 早早出门 到了机场 问了三遍 坐上转去正确区域的shuttle 到了Orl...
    榕逸阅读 757评论 2 3