路由傳參 query 和 params

vue路由傳參分爲兩種狀況：

1、query和params傳參的區別：

一、query傳參顯示參數，params傳參不顯示參數，params相對於query來講較安全一點。

二、取值方法也有不一樣：query取值：this.$route.query.XXX || this.$route.params.xxx

三、query傳值頁面刷新數據還在，而params傳值頁面數據消失。

2、各自寫法：

query

組件寫法(help.vue)：

方式一：

 

方式二：

 

接受寫法（home.vue）

頁面渲染（home.vue）:

query參數賦值到data：

 

params：

組件寫法（about.vue）：

方式二：

路由寫法：

 

接受寫法：

 

頁面渲染：