9. (vue3.x+vite) EventBus, die Kommunikationsmethode zwischen Komponenten

Allgemeines Verzeichnis der Front-End-Technologie-Community (bitte lesen Sie diesen Blog, bevor Sie sich anmelden)

Beispieleffekt

Fügen Sie hier eine Bildbeschreibung ein

Einführung in EventBus

EventBus wird auch Eventbus genannt. Alle Komponenten teilen sich das gleiche Ereigniszentrum. Sie können sich beim Zentrum registrieren, um Ereignisse zu senden oder zu empfangen, damit die Komponenten andere Komponenten benachrichtigen. Dies ist jedoch zu praktisch, sodass es bei unachtsamer Verwendung zu „Katastrophen“ kommt, die schwer zu warten sind .
Die konkrete Idee besteht darin, ein leeres Vue zu instanziieren und über die bereitgestellten Methoden $on, $once und $emit zu kommunizieren. In Vue3 wurden die oben genannten drei APIs entfernt und mithilfe der leichtgewichtigen Mitt-Bibliothek implementiert.

1. Stellen Sie die Mitt-Bibliothek vor

npm i mitt

2. Initialisierung

//初始化mitt
import mitt from "mitt&#

おすすめ

転載: blog.csdn.net/m0_60387551/article/details/132967308