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):

方式二:

路由寫法:

接受寫法:

頁面渲染:


