Vue2.0無法訪問的變量

我已經在Vue新手了，並且遇到了無法訪問的問題。我有兩個文件。Vue2.0無法訪問的變量

月1日是App.vue哪裏定義<router-view>

<script> 

export default { 
    name: 'app', 
    data(){ 
    return{ 
     info: false, 
    } 
    }, 
    beforeMount(){ 
     example... 
     this.info= true 
     this.$router.push('/main'); //where in router-view visible is component Main.vue 

     } 
    } 

</script>

第二是組件Main.vue這是明確的：

<script> 
export default{ 
    name: 'main', 
    data(){ 
     return{ 

     } 
    }, 
    beforeMount(){ 
     //what i want to do: 
     console.log(App.data().info) //here should be visible true in console log 
    } 
}

我想在第二個文件訪問從文件屬性第一。如何正確地做到這一點？提前致謝

來源

2017-08-02 Proxr

應用程序和main之間的關係是什麼？ – choasia

[Vue.js - 在組件中使用父數據]的可能重複（https://stackoverflow.com/questions/36722170/vue-js-using-parent-data-in-component） – ironcladgeek

可能重複的[Vue.js - 在組件中使用父數據]（https://stackoverflow.com/questions/36722170/vue-js-using-parent-data-in-component） – ironcladgeek

兩個選項喲烏爾Main.vue

訪問變量：此$ route.params.id

將數據保存狀態管理器並訪問通過他在另一個組件狀態Vuex

來源

2017-08-03 13:50:53

每個組件實例都有自己的隔離範圍。作爲這裏所說：https://vuejs.org/v2/guide/components.html#Passing-Data-with-Props

你不能（也不應該）直接子組件的模板引用父數據。數據可以通過道具傳遞給子組件。

傳遞道具線路零部件

來源：link

在你的路由器：
import main from './main.vue' 

    const router = new VueRouter({ 
     routes: [ 
     { path: '/main/:id', component: main } 
     ] 
    }) 
在，我能想到的

來源

2017-08-03 10:15:03

Vue2.0無法訪問的變量

回答

相關問題