无法从Vue路由器访问Mixin对象

Question

我的main.js文件具有全局$ user变量：

let globalData = new Vue({
  data: { $user: {} }
});
Vue.mixin({
  computed: {
    $user: {
      get: function() {
        return globalData.$data.$user;
      },
      set: function(user) {
        globalData.$data.$user = user;
      }
    }
  }
});

这是我的index.js路由器示例：

{
    path: "/profile",
    name: "Profile",
    component: Profile ,
    beforeEnter: (to, from, next) => {

       if($user){
           next()
       }else{
         next(false)
           $router.push("/login");
       }
   }
  }

ReferenceError：“未定义$ user”

除了路由器内部，我可以在应用程序中的任何地方访问$ user

编辑： 以此启动应用程序：

new Vue({
  router,
  render: h => h(App)
}).$mount("#app");