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无法访问的变量

回答

相关问题