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兩種傳參方式功能一直，都是傳參，方式不同，最大區別是傳的參數是否能在路由中顯示，可否刷新後仍然傳參