VUE中怎么實現(xiàn)兄弟組件傳值操作，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、大城網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城網(wǎng)站定制開發(fā)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為大城等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

1、兄弟之間傳遞數(shù)據(jù)需要借助于事件車，通過事件車的方式傳遞數(shù)據(jù)

2、創(chuàng)建一個Vue的實例，讓各個兄弟共用同一個事件機制。

3、傳遞數(shù)據(jù)方，通過一個事件觸發(fā)bus.$emit(方法名，傳遞的數(shù)據(jù))。

4、接收數(shù)據(jù)方，通過mounted(){}觸發(fā)bus.$on(方法名，function(接收數(shù)據(jù)的參數(shù)){用該組件的數(shù)據(jù)接收傳遞過來的數(shù)據(jù)})，此時函數(shù)中的this已經(jīng)發(fā)生了改變，可以使用箭頭函數(shù)。

我們可以創(chuàng)建一個單獨的js文件eventVue.js,內(nèi)容如下

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

假如父組件如下：

子組件a如下：

子組件b如下：

看完上述內(nèi)容，你們掌握VUE中怎么實現(xiàn)兄弟組件傳值操作的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！