vue路由傳參分為兩種情況:
一、query和params傳參的區別:
1、query傳參顯示參數,params傳參不顯示參數,params相對於query來說較安全一點。
2、取值方法也有不同:query取值:this.$route.query.XXX || this.$route.params.xxx
3、query傳值頁面刷新數據還在,而params傳值頁面數據消失。
二、各自寫法:
query
組件寫法(help.vue):
方式一:
方式二:
接受寫法(home.vue)
頁面渲染(home.vue):
query參數賦值到data:
params:
組件寫法(about.vue):
方式二:
路由寫法:
接受寫法:
頁面渲染: