Vue 事件总线

全局绑定事件总线

绑定事件总线

方式一先执行

EventBus是一个不具备 DOM 的组件，它具有的仅仅只是它实例方法而已，因此它非常的轻便。但是方法二是有自己的dom

有自己的dom

使用组件

    this.$eventBus.$off() // 移除$eventBus上的所有监听
    this.$eventBus.$off(aa)  //  移除与aa相关的监听
    this.$eventBus.$off(aa，this.gg)  //  移除aa上的gg监听

    this.$eventBus.$on(aa,this.gg) // 添加接听
    this.$eventBus.$emit(bb) // 触发监听
    this.$eventBus.$emit('aa','params','s') // 触发监听 后面都是参数

注意点

只要页面没有强制刷新，存在组件切换，bus.$on方法会多次绑定，造成事件多次触发。

  // 解决  在每次绑定事件前，先解绑该事件：
    this.$eventBus.$off(aa,this.gg)  // 解除监听
    this.$eventBus.$on(aa,this.gg) // 添加接听