有时候两个组件也须要通讯(非父子关系)。固然Vue2.0提供了Vuex,但在简单的场景下,能够使用一个空的Vue实例做为中央事件总线。函数
eventBus.js放在assetsthis
import Vue from 'Vue' export default new Vue;
哪一个组件中使用引入进去spa
import bus from '../../assets/eventBus';
//触发这个方法便可userDefinedEvent这个函数
sendMsg:function(){ bus.$emit('userDefinedEvent','this message is from person_info'); },
须要同步作出改变的组件,能够监听到userDefinedEvent这个事件code
bus.$on('userDefinedEvent', function(mes) { //console.log(mes); })