這篇“VUE中如何實(shí)現(xiàn)兄弟組件傳值操作”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“VUE中如何實(shí)現(xiàn)兄弟組件傳值操作”文章吧。

創(chuàng)新互聯(lián)建站專注于錦江網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供錦江營銷型網(wǎng)站建設(shè)，錦江網(wǎng)站制作、錦江網(wǎng)頁設(shè)計(jì)、錦江網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造錦江網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供錦江網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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

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

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

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

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

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

假如父組件如下：

子組件a如下：

子組件b如下：

以上就是關(guān)于“VUE中如何實(shí)現(xiàn)兄弟組件傳值操作”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。