兄弟组件之间传递值

1.兄弟组件之间传递值要用到父组件，子组件-父组件，父组件-子组件

具体过程是：子组件A向父组件C发送事件"change"（数据在emit参数中），父组件C对子组件A进行"change"事件监听，监听到该事件后向子组件B传递数据。

2.使用中间bus.js,可以传递给任何组件

bus.js文件

import Vue from 'vue'
export default new Vue

组件A

<template>
    <div>
        <span @click='hhh'>点我</span>
    </div>
</template>
<script>
import bus from '../bus.js'
export default{
    data(){
        return {
            value:'你还啊！'
            }
    },
    methods{
        hhh(){
            bus.$emit('getValue',this.value)
        }
    }
}
</script>

组件B

<script>
    import bus from '../bus.js'
    export default{
        data(){
            return {
                value:''
            }
        },
        created(){
            bus.$on('getValue',(data)=>{
                this.value = data
                console.log(data)
            })
        }
    }
</script>