Wozu dient der Vue-Bus?

Verwendung des Vue-Busses: 1. Vue-Bus über „npm install vue-bus“ installieren; 2. Vue-Bus in main.js einführen; 3. Über „this.$bus.emit(...);“ und andere Methoden können in der Komponente verwendet werden.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue2.9.6, Dell G3-Computer.

Wozu dient der Vue-Bus?

So verwenden Sie Bus in Vue:

Verwendung: Werte zwischen Geschwisterkomponenten übertragen;

Installation:

npm install vue-bus

Vue-Bus in main.js einführen

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

Wird in Komponenten verwendet:

Eine Komponente löst Ereignisse aus:

this.$bus.emit("parameterName",params)；

B-Komponente empfängt Ereignisse:

this.$bus.on("parameterName",function(value){
　　console.log(value)
});

Binden Sie das Ereignis auf, wenn die Komponente zerstört wird:

destroyed:function(){
　　this.$bus.off("parameterName")
}

Empfohlen: „ Neueste 5 vue.js-Video-Tutorial-Auswahl》

Das obige ist der detaillierte Inhalt vonWozu dient der Vue-Bus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!