兄弟组件通讯

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
    }
}

你可能感兴趣的:(兄弟组件通讯)