VUE如何访问项目入口处app.vue中的data

Question

其他页面（home.vue）如何访问项目入口处app.vue中的data里面变量的值？

Answer 1

理论上说我们不应该允许数据双向流动，太过灵活就意味着隐患多多。所以不应该允许子组件（home.vue）访问父组件（app.vue）里的数据。如果你需要用到，可以：

1. 放到 store 里
2. 通过 props 传入子组件
3. 放到某个全局变量里（非 vuex 没有响应式）
4. 简单数据类型，且符合路由定义，通过 router 传递

Answer 2

如果 app 和 home 是父子组件的话，通过 props 传值就行了；
如果嵌套层级比较深的话可以使用 Provide/Inject