兄弟组件传值

在 vue2.x 中，兄弟组件之间共享数据的方案 EventBus

 

兄弟组件A 数据发送方

import bus from './eventBus.js'
​
export default{
    data(){
        str:'古诗一首'  // 需要发的数据
    }，
    methods:{
        bus.$emit('share',this.str) // 通过 eventBus 传递  自定义触发事件，要传递的数据
    }
}

 

eventBus.js

import Vue  from 'vue'
export default new Vue()

 

兄弟组件C 数据接收方

export default{
    data(){
        msgFromLeft:''  //需要接收的数据
    }，
    created(){ //固定写法，现成解决方案
        //为 bus 绑定自定义事件，注册一个自定义事件，事件处理函数
        bus.$on('share',val => {
            log('被触发')
        })
    }
}
​