1. 一种组件间通信的方式,适用于任意组件间通信。
    2. 安装全局事件总线:

      1. new Vue({
      2. ......
      3. beforeCreate() {
      4. Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的vm
      5. },
      6. ......
      7. })

      使用事件总线:

    3. 接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。

      1. methods(){
      2. demo(data){......}
      3. }
      4. ......
      5. mounted() {
      6. this.$bus.$on('xxxx',this.demo)
      7. }

      2.提供数据:this.$bus.$emit(‘xxxx’,数据)

    最好在beforeDestroy钩子中,用$off去解绑当前组件所用到的事件。