Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-06-04 14:36:35
Original
3706 Leute haben es durchsucht

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);
Nach dem Login kopieren

3. Passdaten:

this.$bus.emit("eventName",data)
Nach dem Login kopieren

4. Daten empfangen:

this.$bus.on("eventName",data)
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage