在Uni中使用Vue的EventBus總線機(jī)制操作
首先我們要使用的EventBus事件總線,能夠做到兄弟組件,或者不是父子關(guān)系的頁面達(dá)到數(shù)據(jù)相互傳遞的效果
一種做法是在main.js中創(chuàng)建事件總線

創(chuàng)建完$EventBus后,就可以直接在頁面中使用事件總線的方法來發(fā)送和接收事件了
第二種做法:封裝事件總線


使用的時(shí)候直接引入就可以了

補(bǔ)充知識:vue里使用EventBus解決兄弟組件間的傳遞信息
①初始化
import Vue from ’vue’
export const EventBus = new Vue();
②在需要的調(diào)用其他組件的頁面:
EventBus.$emit ( ’自定義函數(shù)’, 傳參 );
③被調(diào)用的頁面:
EventBus.$on ( ’自定義函數(shù)’, (接收參數(shù)) => { 執(zhí)行你需要執(zhí)行方法}
④總結(jié)
EventBus的使用場景像是一種廣播,當(dāng)我們向EventBus發(fā)送一個(gè)事件,則該事件將會傳遞給多個(gè)該事件的訂閱者。
1.解耦合(輕松的實(shí)現(xiàn)系統(tǒng)間解耦)
2.高性能可擴(kuò)展(每一個(gè)事件都是簡單獨(dú)立且不可更改的對象,只需要保存新增的事件,不涉及其他的變更刪除操作)
3.系統(tǒng)審計(jì)(每一個(gè)事件都是不可變更的,每一個(gè)事件都是可追溯的)
以上這篇在Uni中使用Vue的EventBus總線機(jī)制操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. idea設(shè)置提示不區(qū)分大小寫的方法2. 使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟3. Java PreparedStatement用法詳解4. Java實(shí)現(xiàn)的迷宮游戲5. django queryset相加和篩選教程6. IDEA 2020.1.2 安裝教程附破解教程詳解7. Java利用TCP協(xié)議實(shí)現(xiàn)客戶端與服務(wù)器通信(附通信源碼)8. JS圖片懶加載庫VueLazyLoad詳解9. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算10. Spring如何集成ibatis項(xiàng)目并實(shí)現(xiàn)dao層基類封裝

網(wǎng)公網(wǎng)安備