vue中央事件总线 eventBus

创建一个新的Vue实例,以后它就承担起了组件之间通信的桥梁了,也就是中央事件总线。

1.新建一个文件夹用来容纳中央事件总线这个vue实例

// 中央事件总线就是新建一个vue实例用来当兄弟组件的数据桥梁
import Vue from "vue"
export default new Vue()

2 兄弟传值 demoa需要把数据给demob

(1)现在demoa中使用$emit()把数据通过自定义事件绑定到那个vue实例上\

(2)在demob中使用$on来监听接收实例上的自定义事件

1、创建一个事件总线,例如demo中的eventBus,用它作为通信桥梁 2、在需要传值的组件中用bus.$emit触发一个自定义事件,并传递参数(emit前加美元符) 3、在需要接收数据的组件中用bus.$on监听自定义事件,并在回调函数中处理传递过来的参数

你可能感兴趣的:(vue中央事件总线 eventBus)