我的部分如何访问Vue中的主数据对象？

Question

我使用Vue Router路由外部.vue文件并将它们与webpack绑定在一起。我有一个main.js对象来定义我的Vue实例。

var vm = new Vue({
  el: '#app',
  router,
  //render: h => h(App),
  data:{
    msg: 'Hello there'
  }
});

我的部分将自己导出为模块，但我希望我的部分能够从main.js访问数据，但他们只能从自己的数据对象访问数据。

export default {
  name: 'foo',
  data () {
    return {
      msg: 'You have no brain'
    }
  }
}

所以从那个部分{{msg}}开始说你没有大脑，但是我想让它说你好。我该怎么做？

Answer 1

没有简单的方法可以使用其他文件中的变量。这是Vue，所以你需要阅读如何连接Components。使用Properties也可以为您提供帮助。

请记住，所有这些都与将代码分成文件无关。它是一个完整的生态系统，你需要在Vue中连接东西，而不是JS文件：）

Answer 2

当您的应用程序增长时，您肯定会获得多个＆＃34;共同依赖＆＃34;价值等等，你可能会发现这样的方法不会非常“可读”＃34;

我建议你研究一下国家管理层＆＃34; - 在Vue的例子中可能是Vuex（https://vuex.vuejs.org/en/intro.html）因为很快就需要在所有应用程序的中到大尺寸中使用。

否则你可以使用＆＃34;事件总线＆＃34;沟通（https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication）。但是你可能会超过＆＃34;它很快......

希望它有所帮助...