vue中兄弟之间传值

349 阅读1分钟

第一步:创建一个js文件,eventBus.js, 位置随便放,我是放在了src目录下

eventBus.js

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

第二步:在兄弟组件中,引入刚才的js

 import eventBus from '../eventBus.js' 
 

然后在methods里边定义一个函数(要发送数据的组件)

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

**第三步:在另外一个兄弟组件中也先让引入eventBus.js,然后通过$on接收

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