vue query param 两种传参方式区别

vue query param 两种传参方式区别

1、传参方式

• query传参方式

this.$router.push({
   path: "/home",
   query: {code:"123"}
})    

• param传参方式

this.$router.puth({
   name: "/home",
   param: {code: "123"}  
})

query要用path来引入，params要用name来引入

2、取值方式

• 获取query传参的方式

this.$route.query.code //123

• 获取param 传参的方式

this.$route.param.code  //123

3、浏览器的路由展示情况

• query
  
  使用query传参的方式类似于get交互，传的参数在地址栏中显示，刷新后仍然存在参数
• param
  
  使用param传参的方式类似于post交互，传的参数在地址栏中不显示，界面刷新后传参就不存在