使用bus实现父子兄弟间传值

bus传值

1.首先你要在项目目录下或者src建一个bus.js文件

//Bus.js
import Vue from "vue";

const Bus = new Vue();

export default Bus;

2.你可以在main.js中引入并挂载全局，或者之间在单个组件（需要传值组件）引用，

import Bus from './Bus'

Vue.prototype.Bus = Bus;

谁是输出者，就在自己个事件函数里，利用$emit(函数名在接受者哪里也是函数名，传入值)接收者利用$on(输出的函数名，function(接收的参数))

created() {
    this.Bus.$on('setMsg',content =>{
        this.msg = content;
    })
}

methods:{
    sendEvent(){
            this.Bus.$emit('setMsg','Hi Vue(brother)我是来自同级组件的')
    }
},