摘要:使用方法在你項(xiàng)目的主入口生成的中加入接下來(lái),盡情的使用吧。如果對(duì)此實(shí)現(xiàn)感興趣,源碼地址奉上。
話(huà)不多說(shuō),直接上干貨
現(xiàn)存痛點(diǎn)你只是想簡(jiǎn)單的要一個(gè)事件的發(fā)布訂閱來(lái)通知下兄弟組件執(zhí)行個(gè)方法?
你是否還在為引入一個(gè)eventbus后,每次還要手動(dòng)調(diào)用卸載(off)而頭疼?
你是否還在為要去想各種bus的【pub、sub】、【$on、$emit】、【fire、listen】balabala一系列的方法名字而頭疼?
如果上面是你的痛點(diǎn),那么今日你開(kāi)始你用Vue幸福的日子來(lái)了:
vue-event-proxy通過(guò)最小的代價(jià),讓你的Vue支持全局事件,用了它,你僅需要在需要做全局通知的時(shí)候,加入
global:前綴即可完成全局事件發(fā)布,簡(jiǎn)單嗎?
this.$emit("global:你的事件名字");
有發(fā)布,那么監(jiān)聽(tīng)呢?
this.$on("global:你的事件名字", () => {});
怎么樣?是不是除了在事件名字前面加了global:其他都沒(méi)變化,如果你還不了解Vue這部分內(nèi)容,我?guī)湍銣?zhǔn)備好了,官方文檔。
使用方法$ npm install --save vue-event-proxy
在你項(xiàng)目的主入口(vue-cli生成的main.js)中加入:
import EventProxy from "vue-event-proxy"; Vue.use(EventProxy);
接下來(lái),盡情的使用吧。
如果對(duì)此實(shí)現(xiàn)感興趣,源碼地址奉上。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/96087.html
摘要:要招一個(gè)會(huì)的開(kāi)發(fā)者作為面試官的你,你還會(huì)每次都只是問(wèn)這些老土的問(wèn)題嗎你對(duì)的理解是什么你知道什么是雙向綁定嗎你了解它的原理嗎說(shuō)說(shuō)的生命周期有哪些組件通訊有哪些你用過(guò)嗎作為面試者的你,在網(wǎng)上搜索下面試題及答案,看完后你是不是覺(jué)得自己掌握了武林秘 showImg(https://segmentfault.com/img/bVburrG?w=533&h=300); 要招一個(gè)會(huì)vue的開(kāi)發(fā)者: ...
摘要:學(xué)過(guò)服務(wù)器端開(kāi)發(fā)的朋友一定知道,程序沒(méi)有數(shù)據(jù)庫(kù)索引也可以運(yùn)行。什么是數(shù)據(jù)庫(kù)索引用一句話(huà)來(lái)描述數(shù)據(jù)庫(kù)索引就是一種加快海量數(shù)據(jù)查詢(xún)的關(guān)鍵技術(shù)。那這和我們的數(shù)據(jù)庫(kù)索引有啥關(guān)系呢別著急,我們翻開(kāi)第一頁(yè)看看。 學(xué)過(guò)服務(wù)器端開(kāi)發(fā)的朋友一定知道,程序沒(méi)有數(shù)據(jù)庫(kù)索引也可以運(yùn)行。但是所有學(xué)習(xí)數(shù)據(jù)庫(kù)的資料、教程,一定會(huì)有大量的篇幅在介紹數(shù)據(jù)庫(kù)索引,各種后端開(kāi)發(fā)工作的面試也一定繞不開(kāi)索引,甚至可以說(shuō)數(shù)據(jù)庫(kù)索...
閱讀 654·2021-11-25 09:43
閱讀 1671·2021-11-18 10:02
閱讀 1044·2021-10-15 09:39
閱讀 1893·2021-10-12 10:18
閱讀 2125·2021-09-22 15:43
閱讀 777·2021-09-22 15:10
閱讀 2090·2019-08-30 15:53
閱讀 992·2019-08-30 13:00