vue 消息总线

为啥使用消息总线

本以为有了vuex，组件之间的通信便再也没有隔阂。
然而，两个相对独立的组件（无法拿到对方的引用），彼此间调用函数时，却没有太好的办法。

需求场景

点击获取动态码后，将已经验证通过的滑动条重置到初始状态。

这是两个相对独立的组件，无法直接拿到对方的引用。

定义全局消息总线

Vue.prototype.$baseEventBus = new Vue()

监听

    mounted() {
      this.$baseEventBus.$on('reset-verify-slider', () => {
        this.reset()
      })
    }

触发

      getCode() { this.$baseEventBus.$emit('reset-verify-slider') }