有时候两个组件也需要通信(非父子关系)。当然Vue2.0提供了Vuex,但在简单的场景下,可以使用一个空的Vue实例作为中央事件总线。
eventBus.js放在assets
import Vue from 'Vue'
export default new Vue;
哪个组件中使用引入进去
import bus from '../../assets/eventBus';
//触发这个方法即可userDefinedEvent这个函数
sendMsg:function(){ bus.$emit('userDefinedEvent','this message is from person_info'); },
需要同步做出改变的组件,可以监听到userDefinedEvent这个事件
bus.$on('userDefinedEvent', function(mes) {
//console.log(mes);
})
转载于:https://www.cnblogs.com/wanan-01/p/10593837.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)