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

回答