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);
})
相关文章
相关标签/搜索