eventBus 你不知道的事

先描述问题：
假设有两个非父子组件A和组件B，组件A的data中绑定的某个值变化时，通知组件B需要做某些操作，代码如下：

// 组件A
this.value = 1

// 组件B
created() {
    eventBus.$on('getSomething', val => {
        console.log(val)
    })
}

我们会发现，当组件A已经触发了事件getSomething的时候，第一次切换到组件B时，控制台会打印一次value的值，也就是1；但是当第二次切换到组件B时，会打印两次1，第三次会打印三次，如此累加，这样就会导致很多问题。

解决方法：
法一：在每次on 之 前 调 用 on之前调用on之前调用off卸载掉事件，如下：

// 组件B
created() {
    eventBus.$off('getSomething')
    eventBus.$on('getSomething', val => {
        console.log(val)
    })
}

法二：在生命周期beforeDestroy里面调用$off卸载掉事件

// 组件B
beforeDestroy() {
    eventBus.$off('getSomething')
}