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);也显示为空{}

最后只能经过监听路由来实现,不知道是否是新旧版本的不一样处