在app.vue页面内使用beforeRouteEnter不生效

有一个需求是在路由跳转后获取到路由的meta信息中的title变量，在app.vue页面内的navbar上面显示页面标题，于是使用beforeRouteEnter实现这个需求。但是问题来了：beforeRouteEnter不生效

原因：app.vue组件没有挂载在router.js 里面。beforeRouteEnter只对挂载在router.js中的页面生效。 解决方案：使用watch监听路由。

watch: {
    $route(to, from) {
      console.log(to);
    },
  }