Vue 3.0 führt einige neue Lifecycle-Hooks und einige Modifikationen an bestehenden ein. Nachfolgend finden Sie die Liste der Lifecycle-Hook-Funktionen in Vue 3.0:
-
beforeCreate: Wird aufgerufen, bevor die Instanz erstellt wird und die Eigenschaften und Methoden der Instanz noch nicht initialisiert wurden.
-
erstellt: Wird aufgerufen, nachdem die Instanz erstellt wurde. Zu diesem Zeitpunkt wurden die Attribute und Methoden der Instanz initialisiert und der Dateninitialisierungsvorgang kann ausgeführt werden.
-
beforeMount: Wird vor Beginn des Mount aufgerufen. Zu diesem Zeitpunkt ist die Vorlagenkompilierung abgeschlossen, die Vorlage wurde jedoch noch nicht auf der Seite gerendert.
-
mount: Wird aufgerufen, nachdem die Montage abgeschlossen ist. Zu diesem Zeitpunkt wurde die Vorlage auf der Seite gerendert und DOM-Vorgänge können ausgeführt werden.
-
beforeUpdate: Wird vor der Aktualisierung der Daten aufgerufen. Einige Vorgänge können ausgeführt werden, bevor die Daten aktualisiert werden.
-
aktualisiert: Wird aufgerufen, nachdem die Datenaktualisierung abgeschlossen ist. Zu diesem Zeitpunkt wurde das DOM aktualisiert und DOM-Vorgänge können ausgeführt werden.
-
beforeUnmount: Wird aufgerufen, bevor die Komponente ausgehängt wird. Einige Reinigungsvorgänge können durchgeführt werden, bevor die Komponente ausgehängt wird.
-
unmontiert: Wird aufgerufen, nachdem die Komponente unmontiert ist. Zu diesem Zeitpunkt ist die Komponente vollständig unmontiert und es können einige Reinigungsvorgänge durchgeführt werden.
-
errorCaptured: Erfassen Sie interne Fehler der Komponente, die in die Luft sprudeln und die Hook-Funktion „errorCaptured“ der übergeordneten Komponente auslösen.
In Vue 3.0 kann es aufgrund der Einführung der Composition API, die flexiblere Compositionsfunktionen bietet, zu einigen Änderungen bei der Verwendung herkömmlicher Lifecycle-Hook-Funktionen kommen.
Es ist zu beachten, dass Vue 3.0 die beiden Lebenszyklus-Hook-Funktionen beforeDestroy und destroy zusammengeführt und in beforeUnmount und unmount vereinheitlicht hat.
Kurz gesagt, die Lebenszyklus-Hook-Funktionen in Vue 3.0 umfassen beforeCreate, erstellt, beforeMount, gemountet, beforeUpdate, aktualisiert, beforeUnmount, unmontiert und errorCaptured, die Möglichkeiten bieten, Code in verschiedenen Phasen auszuführen, der für die Dateninitialisierung und DOM-Manipulation verwendet werden kann und Aufräumen und andere Aufgaben.