四, Vue のthis.$route.params和this.$route.query的傳參方式

vue中頁面間傳遞參數方式多種，這裏簡單介紹常見兩張：

1. this.$route.query

在A頁面中, 頁面跳轉處

this.$router.push({
         path: '/register',
         query:{
               id:"123456",
          }
}）

B頁面接受參數

this.id= this.$route.query.id

注意：   1. 頁面跳轉url:  http://172.19.186.224:8080/register?id=123456  (這裏url看的到參數的)

              2.  A,B頁面傳遞參數中，兩處id命名要一樣。

              3.  A,B 頁面之間用路由跳轉傳參時，刷新跳轉後傳參的頁面B頁面，數據還會顯示存在，即參數id=123456還在

     2. this.$route.params

在A頁面中, 頁面跳轉處

this.$router.push({
	name: 'register',
         path: '/register',
         params:{
               id:"3456",
         }
})

B頁面接受參數

this.id=this.$route.params.id

注意： 1. 這裏跟上面query傳參數方式，多了 name:"register", （如果不加入，會出現 傳值爲空null現象）

            2.  A,B頁面傳遞參數中，兩處id命名要一樣, 使用的 params

            3. 頁面跳轉url:  http://172.19.186.224:8080/register  (這裏url看不到參數的)

            4.  A,B 頁面之間用路由跳轉傳參時，刷新跳轉後傳參的頁面B頁面，數據不會存在，丟失了，取得id值爲空。

所以綜上vue頁面傳值建議是用 query，第一種方式，刷新頁面時候參數不會丟失.  （如果想傳遞參數，在url上不顯示，可以推薦使用cookie傳遞前保存，跳轉後頁面去取值也可以的。）

  使用就這麼簡單，Vue項目出現問題，可以 進扣扣羣交流：316567839