vue中的万能通信机制

前言：provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。

vue官方介绍：这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉 React，这与 React 的上下文特性很相似。

提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

一、简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。然后通过this的“点语法”来获取。

 

 

 

 

二、万能通信 - 通过bus方式传递数据

原理就是使用一个空的Vue实例作为中央事件总线。

 

 

 

 

注意：
1、事件订阅需在事件广播前注册。
2、并且在组件销毁前，需取消事件订阅

三、终极通信 - 使用vuex状态管理工具

 

 

依照项目规模，看是否合理采用vuex。

具体使用请访问我之前的文章介绍：vue-cli中vueX的安装与使用