【4.Vue兄弟组件之间传值-Bus总线】

1.概述

通过创建一个新的vm对象,专门统一注册事件,供所有组件共同操作,达到所有组件随意隔代传值的效果
也就是：各个组件内部要传输的数据或者要执行的命令信息，靠bus来通信。

2. 代码实现

2.1 全局引入

全局引入的话，就直接在main.js里面引入即可：

// 创建 bus总线
Vue.prototype.eventBus = new Vue();

2.2 按需引入

创建一个js文件

// bus.js
import Vue from 'vue';
const bus = new Vue()<