#yyds干货盘点#Eventbus数据更新

全局注册

在newVue的时候需要对我们的eventbus进行挂载，挂载方式如下，newvue中包含了需要用到的方法，eventbus的注册需要在beforeCreate钩子中进行实例化，在这里我们的对eventbus在vue的原型上进行绑定，我们将this传入到Vue.prototype.eventBus上，那么eventbus的注册就已经是完成了。

new Vue({
    router,
    store,
    i18n,
    render: h => h(App),
    beforeCreate() {
        Vue.prototype.eventBus = this;
    },
}).$mount('#app');
复制代码

注册Ebus事件

EventBus的出现本身就是为了解决不同组件之间的通信问题，所以我们的注册事件和触发事件需要在不同的地方，如果是普通的父子组件之间的通信的话就没有必要用到Ebus的功能了

我们在flow页面对​​flow-refresh-id​​的事件进行注册，在这里可以看出笔者注册的是动态的一个事件，通过动态添加事件的方法可以区分出不同id之间调用相同事件的准确性，一次注册写法可以注册出多个监听事件，这里注册的是一个创建节点的事件，具体的功能这里就不做讲解了。

//flow.vue
let vm = this
vm.eventBus.$on(`flow-refresh-${vm.obj.id}`, (flowNewNodeData) => {
    vm.createNewNode(flowNewNodeData);
});
复制代码

触发Ebus事件

在flow.vue页面注册好事件之后我们就可以在其他页面调用注册的事件了，通过​​vm.eventBus.$emit​​的方法在dataD.vue页面来触发已经注册好的事件。

//dataD.vue
let vm = this
 vm.eventBus.$emit(
    `flow-refresh-${this.menuActive.businessId}`,
    vm.flowNewNodeData
);