vue - EventBus

1.eventBus适用场景

目前了解到的eventbus一般比较适用于兄弟组件之间的通信; 两个兄弟组件有一个共同的父组件;
注意事项:
1 eventbus需要先通过emit触发;
2 触发事件的组件在销毁时,建议在destoryed生命周期中通过$off销毁事件

2. 代码示例-亲测有效

1 在main.js中创建eventbus

// 创建eventbus
// 方式一 
Vue.prototype.$EventBus = new Vue();
// 方式二
// window.EventBus = new Vue();

1. 兄弟组件A

2. 兄弟组件B

3. 公用父组件

4. 页面效果

   
   
   点击触发