Heim >Web-Frontend >js-Tutorial >Analyse des Eventbus in Vue

Analyse des Eventbus in Vue

不言
不言Original
2018-07-13 17:16:582346Durchsuche

In diesem Artikel wird hauptsächlich die Analyse von Eventbus in Vue vorgestellt, die einen gewissen Referenzwert hat. Jetzt können Freunde in Not darauf zurückgreifen.

Kommen wir ohne weitere Umschweife direkt zum Praktischen Zeug

Vorhandene Schmerzpunkte

  • Möchten Sie einfach nur ein Ereignis veröffentlichen und abonnieren, um die Geschwisterkomponente zu benachrichtigen, eine Methode auszuführen?

  • Haben Sie immer noch Probleme damit, dass Sie nach der Einführung eines Eventbusses jedes Mal manuell absagen müssen?

  • Denken Sie immer noch über eine Reihe von Methoden von [pub, sub], [$on, $emit], [fire, listen] balabala für verschiedene Busse nach? Kopfschmerzen aufgrund des Namens?

Wenn das oben Genannte Ihr Problem ist, dann beginnen Sie heute Ihre glücklichen Tage mit Vue:

vue-event-proxy

Pass At the Mit minimalen Kosten unterstützt Ihr Vue globale Ereignisse. Sie müssen nur dann das Präfix
global: hinzufügen, wenn Sie globale Benachrichtigungen erstellen müssen, um die Veröffentlichung globaler Ereignisse abzuschließen.

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

wurde veröffentlicht, aber wie sieht es mit der Überwachung aus? Wie wäre es mit

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

? Außer dem Hinzufügen von global: vor dem Veranstaltungsnamen hat sich nichts anderes geändert. Wenn Sie diesen Teil von Vue nicht verstehen, habe ich ihn für Sie vorbereitet, das offizielle Dokument.

So verwenden Sie

$ npm install --save vue-event-proxy

Fügen Sie im Haupteingang Ihres Projekts (main.js generiert von vue-cli) hinzu:

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

Als nächstes verwenden Sie es nach Herzenslust .

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Implementierungsprinzipien der Debounce-Funktion und der Throttle-Funktion

Das obige ist der detaillierte Inhalt vonAnalyse des Eventbus in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn