Vue.js 2.0主要实例

如何在vue.js 2.0的主实例上获得boolean authenticated？Vue.js 2.0主要实例

现在我有这样的：

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

然后在我的App组件：

data() { 
    return { 
     authenticated: false 
    } 
}

但它不是根组件设置。所以我不能访问它：

{{ this.$root.authenticated }}

在我的孩子的组件（例如导航）。我怎样才能解决这个问题。在vue.js 1.0这是工作！

2016-12-13 Jamie

也许是更好地与一个分离的文件和VUE路由器来处理这个 - 选中此HTTPS：/ /github.com/TahaSh/spa-forum/blob/master/resources/assets/js/main.js#L56即使这是vue 1回购。 –

感谢您的回复。但是我仍然无法显示例如''''''navbar'''中'''''''我的'''main app.vue'''实例上的用户对象上的用户名''。我真的需要解决这个问题。 – Jamie

你在根实例中有什么？如果你想发送用户名到导航组件，你可以从匿名组件发送它作为道具，并显示它。合理？我认为你不需要Root实例中的身份验证属性。 –

你可以尝试在根Vue公司instance.Like这个定义数据对象：

const app = new Vue({ 
    data: { 
     msg: 'foo' 
    }, 
    router, 
    render: h => h(App) 
}).$mount('#app');

2016-12-13 15:09:09

回答