vue-cli 3.0 獲取路由meta值問題

問題原由

最近在看vue-cli 3.0,乘着不忙先寫個demo找找區別,遇到問題在此記錄,請廣大同窗看看是不是更新先後的區別,仍是其餘緣由,藉此學習

問題

在開發中有這樣的頁面需求,經過導航或着說菜單切換內容,諸如(以iview爲例):

可是pc端刷新頁面後,選擇頁面在,可是導航按鈕的點擊狀態丟失,因而乎想到的最好辦法應該是將點擊狀態綁定路由,咱們會將這些按鈕的區別標誌存在路由中:

這樣只要在頁面created時拿去這個值:

以前這樣一直是沒有問題的

可是
當我今天在vue-cli 3.0 構建的demo項目中發現,一樣的方法,不管在created仍是mounted 都沒法獲取,切打印console.log(this.$route.meta);也顯示爲空{}

最後只能經過監聽路由來實現,不知道是否是新舊版本的不一樣處