前言:provide
和 inject
主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。
vue官方介绍:这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下文特性很相似。
提示:
provide
和inject
绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。
一、简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。然后通过this的“点语法”来获取。
二、万能通信 - 通过bus方式传递数据
原理就是使用一个空的Vue实例作为中央事件总线。
注意:
1、事件订阅需在事件广播前注册。
2、并且在组件销毁前,需取消事件订阅
三、终极通信 - 使用vuex状态管理工具
依照项目规模,看是否合理采用vuex。
具体使用请访问我之前的文章介绍:vue-cli中vueX的安装与使用