vue组件之间传值(03)__兄弟组件传值,事件总线[ EventBus ]

兄弟组件传值,事件总线[ EventBus ]

使用事件总线  EventBus

// src/utils/eventBus.js 文件内容  ***新建全局vue实例***
// 事件总线
// 非父子组件传参  
import Vue from "vue";
export default new Vue();


// src/App.vue  文件内容  ***接受事件***
import eventBus from './utils/eventBus';
export default {
    mounted() {
        eventBus.$on("daFei", function (val) {
            console.log("我是接受数据__", val);
        })
    }
}

// src/views/index.vue  文件内容  ***发送事件***
import eventBus from '../../utils/eventBus';
export default {
    created() {
        eventBus.$emit("daFei","hello foo_bar")
    }
}

 

vue组件之间传值(01)__父组件传值子组件 props

vue组件之间传值(02)__子组件传值父组件 emit