vue[中央事件总线数据传递整理]

本质

中央事件总线(通俗讲就是：eventBus事件车)的实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。

作用

实现非父子组件之间的数据传递

使用方式

第一步：注册eventBus
最简单直接的方式就是在main.js中直接注册并且挂载一个空vue实例
如：
main.js文件中如下：

注意要import Vue from “vue”;一般情况下，main.js中已经有这个引入了。
第二步：在需要使用的组件中引用与调用
组件一：test1.vue主动触发事件如：

组件二：test2.vue配置监听引用如：

就是这么简单，两个组件之间的数据就传递好了
注意：要先触发$bus.$bus.emit对应的事件，然后通过$bus.$bus.on监听事件，才会有数据，仅仅只是监听是没数据的。