Vue中eventbus很頭疼？我來幫你

Baaaan 發(fā)布于2019-08-22 18:41 / 1997人閱讀

摘要：使用方法在你項目的主入口生成的中加入接下來，盡情的使用吧。如果對此實現(xiàn)感興趣，源碼地址奉上。

話不多說，直接上干貨

現(xiàn)存痛點

你只是想簡單的要一個事件的發(fā)布訂閱來通知下兄弟組件執(zhí)行個方法？

你是否還在為引入一個eventbus后，每次還要手動調(diào)用卸載(off)而頭疼？

你是否還在為要去想各種bus的【pub、sub】、【$on、$emit】、【fire、listen】balabala一系列的方法名字而頭疼？

如果上面是你的痛點，那么今日你開始你用Vue幸福的日子來了：

vue-event-proxy

通過最小的代價，讓你的Vue支持全局事件，用了它，你僅需要在需要做全局通知的時候，加入
global:前綴即可完成全局事件發(fā)布，簡單嗎？

    this.$emit("global:你的事件名字");

有發(fā)布，那么監(jiān)聽呢？

    this.$on("global:你的事件名字", () => {});

怎么樣？是不是除了在事件名字前面加了global:其他都沒變化，如果你還不了解Vue這部分內(nèi)容，我?guī)湍銣蕚浜昧耍俜轿臋n。

使用方法

$ npm install --save vue-event-proxy

在你項目的主入口（vue-cli生成的main.js）中加入：

  import EventProxy from "vue-event-proxy";
  Vue.use(EventProxy);

接下來，盡情的使用吧。

如果對此實現(xiàn)感興趣，源碼地址奉上。

GPU云服務器云服務器很頭疼 vue中 vue 中使用 webrtc vue中使用webrtc

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/96087.html

vue 248+個知識點（面試題）為你保駕護航

摘要：要招一個會的開發(fā)者作為面試官的你，你還會每次都只是問這些老土的問題嗎你對的理解是什么你知道什么是雙向綁定嗎你了解它的原理嗎說說的生命周期有哪些組件通訊有哪些你用過嗎作為面試者的你，在網(wǎng)上搜索下面試題及答案，看完后你是不是覺得自己掌握了武林秘 showImg(https://segmentfault.com/img/bVburrG?w=533&h=300); 要招一個會vue的開發(fā)者： ...

snowell 2019-08-23 18:22 評論0 收藏0
數(shù)據(jù)庫索引是什么？新華字典來幫你

摘要：學過服務器端開發(fā)的朋友一定知道，程序沒有數(shù)據(jù)庫索引也可以運行。什么是數(shù)據(jù)庫索引用一句話來描述數(shù)據(jù)庫索引就是一種加快海量數(shù)據(jù)查詢的關鍵技術。那這和我們的數(shù)據(jù)庫索引有啥關系呢別著急，我們翻開第一頁看看。學過服務器端開發(fā)的朋友一定知道，程序沒有數(shù)據(jù)庫索引也可以運行。但是所有學習數(shù)據(jù)庫的資料、教程，一定會有大量的篇幅在介紹數(shù)據(jù)庫索引，各種后端開發(fā)工作的面試也一定繞不開索引，甚至可以說數(shù)據(jù)庫索...

chunquedong 2019-06-25 19:04 評論0 收藏0