vue事件总线EventBus(兄弟组件之间的传值)

一、概念

EventBus 又称为事件总线，相当于一个全局的仓库，任何组件都可以在这个仓库里面获取事件

二、使用

1.初始化

新建一个组件

import Vue from 'vue'
//因为是全局的一个'仓库'，所以初始化要在全局初始化
const EventBus = new Vue()  

或者在main.js文件中引入

Vue.prototype.$EventBus = new Vue()   

2.向EventBus发送事件

语法：

this.$EventBus.$emit(发送的事件名,传递的参数)

已经创建好 EventBus 后我们就需要向它发送需要传递的事件，以便其他组件可以向 EventBus 获取

<template>
    <button @click="sendMsg">发送MsgA</button>
</template>

<script> 
export default {
  data(){
    return{
        MsgA: 'A组件中的