前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到教程。

1、定義一個(gè)中間??eventBus.js??，只有 2 行代碼，用于傳參：

// 此頁面是vue 巴士，用于兄弟組件間通信 import Vue from 'vue' export default new Vue()

2. 在要傳參和接收參數(shù)的各個(gè)兄弟組件中引入這個(gè) js :

// 巴士：用于兄弟組件間傳值 import bus from "../../../../../static/base/eventBus.js";

3. 參數(shù) 傳出：

// 傳參到兄弟組件：queryBtn。queryParamMap是參數(shù)，可以傳多個(gè)參數(shù)，用逗號(hào)分隔 // bus.$emit("監(jiān)聽的事件名", 參數(shù));bus.$emit("queryParam", queryParamMap);

4. 接收：( 可同時(shí)多個(gè)兄弟組件接收。?)

bus.$on("queryParam", queryParamMap => {...}

這樣就可以了。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的VUE：兄弟组件间传参的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。