全局事件总线

全局事件总线

  1、一种组件间相互通信的方式，适用于任意组件间通信。

  2、安装全局事件总线：

      new Vue({

        .....

        beforeCreated() {

            Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm

        },

        .....

      })

  3、使用事件总线：

      1、接受数据：A组件想接受数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。

      2、提供数据：this.$bus.$emit('xxx',数据)

  4、最好在beforeDestroy钩子中，用$off('xxx')去解绑当前组件所用到的事件。

第一步：

    在入口文件main.js中安装全局事件总线

第二步：

在提供数据的组件中：

接受数据的组件中：