VUE中兄弟组件传值方法

VUE中兄弟组件传值方法

第一步：创建一个vue文件，eventBus.vue，位置随便放

<script>
  import Vue from 'vue'
  export default new Vue()
</script>

第二步：在传出组件中，引入刚才的vue

import eventBus from "../../../static/js/eventBus";

然后在methods里边定义一个函数

methods:{
    changesize(){
        eventBus.$emit('add',this.arg)
    }
}

第三步：在传入组件中也先让引入eventBus.vue，然后使用created生命周期函数

created(){
    eventBus.$on('add',(message)=>{
        //一些操作，message就是从top组件传过来的值
        console.log(message)
    })
},