Bus Global Event Center in Vue (ausführliches Tutorial)

ue-bus stellt ein globales Ereigniszentrum bereit und fügt es in jede Komponente ein. Sie können globale Ereignisse genauso bequem verwenden wie den integrierten Ereignisstrom. Dieser Artikel stellt Ihnen eine einfache Demo des globalen Event-Centers von vue Bus vor >

2. Global registrieren  npm install vue-bus

 import Vue from 'vue';
 import VueBus from 'vue-bus';
 Vue.use(VueBus);

3. Passdaten:

this.$bus.emit("eventName",data)

4. Daten empfangen:

this.$bus.on("eventName",data)

5. Hinweise

Umfang dieses Hinweises In der aktuellen VM-Instanz wird das On-Listening-Ereignis im Allgemeinen in der Komponentenlebenszyklusfunktion erstellt oder bereitgestellt. Die Registrierung des Busses muss vor dem Zerstören erfolgen Einerseits kann es daran liegen, dass die Vue-Komponente wiederverwendet wird, was dazu führt, dass ein Busereignis wiederholt registriert wird, wodurch der Bus mit dem gleichen Ereignisnamen zerstört wird, die einzige entsprechende Beziehung zwischen Senden und Empfangen.

Andererseits; Wenn die Seite weitergeleitet wird, wird die ursprüngliche Seite Das Busereignis wurde nicht abgemeldet und ist weiterhin im Programm ausgeblendet.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

$set- und Array-Aktualisierungsmethoden in vue.js_vue.js

JQuery select select Der Wert Methode der ausgewählten Komponente

vue wird mit vue-i18n kombiniert, um die mehrsprachige Umschaltmethode für Hintergrunddaten zu implementieren

Das obige ist der detaillierte Inhalt vonBus Global Event Center in Vue (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!