有時候兩個組件也須要通訊(非父子關係)。固然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); })