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

最后只能通过监听路由来实现,不知道是不是新旧版本的不同处