1. Introduction and Installation

EventBus： Also known as the event bus. EventBus can be used in the Vue as a bridge concept is the same event as the center of all common components, you can register to receive or send events to the event center, so components can be up and down parallel to notify other components.
note: Very easy to use because there is no constraint management and retrieval programs, so when communication between any of the components, management and maintenance of the project will be extremely difficult to excessive bus, it is generally recommended as a better Vuex state management center, the concept of notice up to the shared state level.
installation: vue project executionnpm install vue-bus --save

2. Configure

Creating bus.js file src directory, add the code:

import vue from 'vue';
export default new vue();

3. Registration

Add the following code in main.js:

import Vue from 'vue';
// ======== registered a global event bus method
 import EventBus from 'vue-bus'; // central event bus
Vue.use(EventBus);
 // ======== registered global event bus Method Two
Vue.prototype.$EventBus = new Vue()
 // ======== registered global event bus Method Three
var EventBus = new Vue();
Object.defineProperties(Vue.prototype, {
  $bus: {
    get: function () {
      return EventBus
    }
  }
})

4. In the assembly

To the group to be introduced into the assembly components within a communication bus, so that belonging topical use.
when the global register main.js may not be required in the component is introduced as a global event bus use.

import EventBus from '../../bus.js'; // change the route according to the actual

// Send the array assembly
 . EventBus $ emit ( 'sendMsg', data); // called SENDMSG trigger event in the event of a bus and transmits data Data;
 // Accepts data within the bus
EventBus.$on("sendMsg", (msg) => {
   // Send a message to 
 console.log(msg);
  })
     Note:. EventBus $ off ( 'sendMsg') // remove all listeners of an event within this application.
     // or directly call EventBus. $ Off () to remove all event channels,
     // short before the destruction of the components must be removed vue bus, or will cause confusion and difficult to troubleshoot maintenance events,
   // recommended for bus destruction in vue of the beforeDestroy
   // When the project is a medium-sized or large projects recommended vuex do unified state management, event bus is suitable for components of communication under special circumstances.