vue事件總線

在看別人項(xiàng)目的時(shí)候看到了這樣的代碼如下:

Vue.prototype.$bus = new Vue();

// A組件通過$emit觸發(fā)當(dāng)前實(shí)例上的事件
this.$bus.$emit('myChange');
// B組件通過$on監(jiān)聽當(dāng)前實(shí)例上的自定義事件
this.$bus.$on('myChange', () => {
    // 拿到傳過來的數(shù)據(jù)進(jìn)行你的操作
});

后來通過百度了解到,這個(gè)叫vue事件總線。這樣用的原因是,項(xiàng)目不是特別大用vuex的話就特別麻煩,然后就通過這種方式來實(shí)現(xiàn)組件之間的通信。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 我來 TalkingData 實(shí)習(xí)已經(jīng)六個(gè)月了。在這六個(gè)月期間,我獨(dú)立完成了三個(gè)前端 SPA 項(xiàng)目,從 Vue 1...
    云之外閱讀 6,092評(píng)論 1 18
  • 基于Vue的一些資料 內(nèi)容 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,275評(píng)論 0 1
  • UI組件 element - 餓了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的組件庫...
    卞卞村長(zhǎng)L閱讀 1,873評(píng)論 0 8
  • 離開多年 不知 你是否曾記得 當(dāng)初的容顏 我們走過的小道 經(jīng)過的綠茵 以及那 相吻的地方 這么多年 我過得很頹廢 ...
    向著標(biāo)桿奔跑閱讀 402評(píng)論 0 3
  • 親愛的自己, 你好。從小到大一直覺得你沒有什么自己的興趣愛好,總是做著大人們覺得你應(yīng)該做的事情,學(xué)習(xí)看書幫忙家務(wù)。...
    我是小小彥閱讀 202評(píng)論 0 0

友情鏈接更多精彩內(nèi)容