vue param和query两种传参方式

一、传参方式

　　query传参方式

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

　　

　　param传参方式

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

 

二、取值

　　获取query传参的方式

this.$route.query.code //123

　　获取param 传参的方式

this.$route.param.code //123

 

三、浏览器的路由展现状况

　　使用query传参的方式相似于get交互，传的参数在路由中显示，能够用做刷新后仍然存在参数。

　　使用param传参的方式相似于post交互，穿的参数不会出如今路由中，界面刷新后传参就不存在。

 

注意要点：query与param两种传参方式功能一直，都是传参，方式不同，最大区别是传的参数是否能在路由中显示，可否刷新后仍然传参