Acht Hook-Funktionen in der Vue-Lebenszykluskamera

1. beforeCreate und erstellte Funktionen

BeforeCreate und erstellt werden durch Initialisierung unterteilt: Datenüberwachung und Datenproxy.

Vor der Ausführung von beforeCreate() werden der Lebenszyklus und die Zeit initialisiert, aber der Datenproxy wurde noch nicht gestartet.

(1)beforeCreate()： Der Inhalt der Funktion beforeCreate wird vor der Initialisierung des Datenmonitorings und des Datenproxys ausgeführt. Derzeit kann nicht über Vm auf die Daten in Daten und die Methoden in Methoden zugegriffen werden.

(2)created()： Führt den Inhalt der Funktion beforeCreate aus, nachdem das Datenmonitoring und der Datenproxy initialisiert wurden. An diesem Punkt können Sie über VM auf die Daten in Daten und die in Methoden konfigurierten Methoden zugreifen.

Vor dem Mounten der Daten gibt es noch einen weiteren Schritt: Vue analysiert die Vorlage (erstellt einen virtuellen DOM). Die Seite kann den analysierten Inhalt noch nicht anzeigen.

2. beforeMount und gemountete Funktionen

(3)beforeMount()： Wird ausgeführt, nachdem Vue die Generierung des virtuellen DOM abgeschlossen hat und bevor der virtuelle DOM in den realen DOM konvertiert wird. An diesem Punkt weist die Seite eine DOM-Struktur auf, die nicht von Vue kompiliert wurde, und alle Vorgänge am DOM schlagen letztendlich fehl.

(4)mounted()： Wird ausgeführt, nachdem der virtuelle DOM in den realen DOM konvertiert wurde. An diesem Punkt stellt die Seite das von Vue kompilierte DOM dar und alle Vorgänge am DOM sind gültig (so weit wie möglich vermeiden). Der Initialisierungsprozess endet hier. Im Allgemeinen werden hier die folgenden Initialisierungsvorgänge ausgeführt: Starten des Timers, Senden von Netzwerkanforderungen, Abonnieren von Nachrichten, Binden benutzerdefinierter Ereignisse usw.

3. beforeUpdate und aktualisierte Funktionen

(5)beforeUpdate()： Wenn sich die Daten ändern, wird ein neuer virtueller DOM generiert, der dann mit dem alten virtuellen DOM verglichen und ausgeführt wird, bevor der Seitenaktualisierungsprozess (Model-》View) endgültig abgeschlossen wird. Zu diesem Zeitpunkt sind die Daten neu, aber die Seite ist alt, d. h. die Seite ist noch nicht mit den Daten synchronisiert.

(6)updated()： Wenn sich die Daten ändern, wird ein neuer virtueller DOM generiert, der dann mit dem alten virtuellen DOM verglichen und ausgeführt wird, nachdem der Seitenaktualisierungsprozess (Model-》View) abgeschlossen ist. Zu diesem Zeitpunkt sind die Daten neu und die Seite ist auch neu, d. h. die Seite und die Daten sind synchronisiert

4. beforeDestroy und zerstörte Funktionen

(7)beforeDestroy()： Wird ausgeführt, bevor die Datenüberwachung, die untergeordneten Elemente und das Ereignisabhören entfernt werden. Zu diesem Zeitpunkt sind alle Daten, Methoden, Anweisungen usw. in der VM verfügbar und der Zerstörungsprozess wird ausgeführt. Im Allgemeinen werden in dieser Phase folgende Vorgänge ausgeführt: Schließen von Timern, Abbestellen von Nachrichten, Aufheben der Bindung benutzerdefinierter Ereignisse und andere Abschlussvorgänge. An diesem Punkt ist alles zugänglich, aber der Inhalt der Seite ändert sich nicht, wenn der Vorgang ausgeführt wird

(8)destroyed()： Wird ausgeführt, nachdem die Datenüberwachung, die untergeordneten Elemente und das Ereignishören entfernt wurden. Lösen Sie die Bindung von Daten, Methoden, Anweisungen usw. auf der Seite.

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!