Vue.js 2.0主实例

Question

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

现在我得到了这个：

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

然后在我的App组件中：

data() {
    return {
        authenticated: false
    }
}

但它没有在Root组件上设置。所以我无法通过以下方式访问它：

{{ this.$root.authenticated }}

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

Answer 1

您可以尝试在根Vue实例上定义数据对象。就像这样：

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