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