vue兄弟組件之間傳值， 兄弟組件是指同一個根組件中的組件，組件之間沒有使用關(guān)系。
有兩種方法可以在同級組件之間傳輸數(shù)據(jù)值：
第一，當(dāng)組件結(jié)構(gòu)相對簡單時，可以通過同級組件中的父組件將數(shù)據(jù)傳遞給父組件，然后將父組件傳遞給另一個子組件；
二是在兄弟組件中創(chuàng)建vue的公共實例，實現(xiàn)事件的發(fā)送和監(jiān)聽。
以下是操作演示：
vue示例：
import Vue from vue
export default new Vue()
然后，一個公共的vue實例被引入到子組件中，事件通過vue實例發(fā)出：
methods: {
tellname () {
//發(fā)出事件并傳遞數(shù)據(jù)給定名稱自定義事件。
bus.$emit(givename, this.mybfname)
}
}
然后，將另一個子組件引入到公共vue實例中，通過vue實例監(jiān)視事件和接收數(shù)據(jù)：
import bus from @/utils/myvue.js
//組件一加載，就會監(jiān)視同級組件發(fā)送的事件。
mounted () {
//$(dom).on(click,function(){})
//總線。$on(同級組件中的用戶定義事件，處理程序)
//處理程序有一個默認(rèn)參數(shù)，是其他組件傳遞的數(shù)據(jù)。
bus.$on(givename, (data)={
console.log(data);
this.mysbfname=data
})
}
關(guān)于兄弟組件之間的數(shù)據(jù)傳遞方式，這就是我們要分享的全部內(nèi)容！
vue兄弟組件之間傳值，以上就是本文為您收集整理的vue兄弟組件之間傳值最新內(nèi)容，希望能幫到您！更多相關(guān)內(nèi)容歡迎關(guān)注。
