Der Unterschied und die Verwendung des Kommunikationsbusses der Bruderkomponenten von Vue2 und Vue3

vue2.x

1. Vue.prototype.$bus = neues Vue()
2. Abhören: this.$bus.$on('method name', (parameters) => {}), es kann akkumuliert werden
3. Auslöser: this.$bus.$emit('Methodenname', tatsächlicher Parameterwert)
4. Zerstören: this.$bus.$off('Methodenname'), wer zuhört, wird es zerstören
5. Hinweis: Da die Überwachung akkumuliert werden kann, ist ein vierter Schritt der Vernichtung erforderlich

vue3.x

Verwendung des Tiny-Emitter-Plugins

Installieren Sie das Plugin npm i tiny-emitter

Importieren und Verwenden

Emitter von „Tiny-Emitter/Instance“ importieren

importiere { onMounted } von 'vue'

aufstellen(){
       beim Montieren(()=>{
      		Überwachung: emitter.on('Name der Überwachungsmethode', (Parameter) => {Rückruffunktion})
      		Auslöser: emitter.emit('Name der Abhörmethode', Parameter)
      		Zerstörung: emitter.off('Name der Abhörmethode', Parameter)
       }) 
}
	    

Verwendung des Mitt-Plugins

1. Installieren Sie npm install

2. Import und Nutzung

Fausthandschuh aus 'Fausthandschuh' importieren

Überwachung: bus.on('Name der Überwachungsmethode', (Parameter) => {Rückruffunktion})

Auslöser: bus.emit('Name der Abhörmethode', Parameter)

Zerstörung: bus.off('Name der Abhörmethode', Parameter)

Oben sind die Unterschiede und die Verwendung des Kommunikationsbusses zwischen Vue2- und Vue3-Bruderkomponenten beschrieben. Weitere Informationen zur Verwendung des Kommunikationsbusses zwischen Vue2- und Vue3-Bruderkomponenten finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!