在vue開發(fā)中總會遇到組件傳值問題声诸，今天總結一下兄弟組件之間的傳值方法。
1. 子傳父围苫，父傳子
2. vuex
3. eventBus
接下來介紹如何使用eventBus實現(xiàn)兄弟組件傳值首先我的需求是這樣的裤园，頁面上由top，left剂府，main拧揽，bottom四個組件構成。需要將top中的值傳到left中腺占。
第一步：創(chuàng)建一個js文件淤袜，eventBus.js，位置隨便放衰伯，我是放在了src目錄下
import Vue from 'vue'
export default new Vue()
第二步：在top組件中铡羡，引入剛才的js
import '@/eventBus.js'
然后在methods里邊定義一個函數(shù)
methods:{
changesize(){
eventBus.$emit('add',this.arg)
}
}
我測試用的是button點擊觸發(fā)changesize函數(shù)，然后將arg傳出去
第三步：在left組件中也先讓引入eventBus.js意鲸，然后使用created生命周期函數(shù)
created(){
eventBus.$on('add',(message)=>{
//一些操作烦周，message就是從top組件傳過來的值
console.log(message)
})
},
