eventBus
定义eventBus
eventBus的原理是引入一个新的vue对象,分别调用这个对象的事件发布和监听来实现通信和参数传递。
eventBus 一般会直接用公共一个文件来存放这个vue实例
import Vue from 'vue';
export default new Vue();
组件A
import eventBus from 'eventBus.js';
...
create() {
eventBus.$on("cmd":todoaction) //监听cmd事件
}
methods:{
todoaction(data){
}
}
组件B
import eventBus from 'eventBus.js';
...
methods: {
doSomething() {
eventBus.$emit("cmd", 22);//发送事件cmd
}
}