bus總線

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