vue中的eventBus通信

vue小型项目进行组件交互时,能够选择eventBus通信。
定义一个vue对象做为eventBus,让其代为订阅发布事件,进行通信。vue

1.定义eventbus文件

import Vue from 'vue';  
export default new Vue();

引用eventBuscode

import eventBus from './js/bus.js';

2.发布(声明)事件

created() {  
    eventBus.$on('getTarget', target => {  
        console.log(target);  
    });  
}

3.订阅(触发)事件

methods: {  
   addCart(event) {  
       eventBus.$emit('getTarget', event.target);   
   }  
}
相关文章
相关标签/搜索