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);   
   }  
}
相關文章
相關標籤/搜索