vue零散记录之eventHub

eventHub 广播、监听：

使用场景：假设有组件A 、组件B、组件C；

当组件A发生变化，组件B和C也需要发生变化。

注意：evName名要一致

第一步：创建eventHub：名event-bus

import Vue from 'vue'
var eventHub = new Vue()
export default eventHub

以下每一步执行都需要在所用组件或者页面导入：import eventHub from 'event-bus' 

第二步：// 组件1广播，告诉大家某值发生了变化
 

eventHub.$emit('evName', data)

第三步： 组件B和C创建监听

eventHub.$on('evName', (data) => {
    console.log('接收数据 ', data)
})

第4步：页面关闭时（销毁时）// 去掉监听

eventHub.$off('evName')