vue中的eventBus通訊


vue小型項目進行組件交互時,可以選擇eventBus通訊。
定義一個vue對象作為eventBus,讓其代為訂閱發布事件,進行通訊。

1.定義eventbus文件

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

引用eventBus

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

2.發布(聲明)事件

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

3.訂閱(觸發)事件

methods: {  
   addCart(event) {  
       eventBus.$emit('getTarget', event.target);   
   }  
}  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM