学习vue——非父子相传

一、组件之间传递

enentBus.js

import vue from 'vue'

const Bus = new vue()
export default Bus

MyHeader.vue  消息传递者

sendMs(){
            Bus.$emit('sendMsg','小米花')
        }

MyMain.vue 消息接收者

import Bus from '@/utils/eventBus';
export default {
    // 监听Bus
    created() {
        Bus.$on('sendMsg',(msg)=>{
            console.log(msg)
        })
    }
}

 

 二、根给子孙传递