VUE同级组件通信

vue兄弟组件(同级组件)通信

vue 除了常用的父子组件通信之外, 有时也会用到兄弟组件即同级组件之间的通信

解决方案：(例: 组件A和组件B之间进行通信, A控制B展示隐藏)

1. 先新建一个js文件，暂叫它为eventBus.js (文件名随意), 在内部注册一个空的vue 实例， 作为兄弟组件之间的中转站

import Vue from 'vue'
export default new Vue

2. 在组件A引入中转站文件, 并且绑定事件

3. 在组件B中引入中转站文件, 并且获取A的绑定事件

注意:   

组件B中接受A的事件时, 需要在mounted中进行