Welches wird zuerst ausgeführt, erstellt oder in Vue gemountet?

Im Vue-Lebenszyklus wird der erstellte Hook ausgeführt, bevor er gemountet wird. Der erstellte Hook wird verwendet, um DOM-freie Vorgänge auszuführen, wenn die Komponente instanziiert wird, während der gemountete Hook verwendet wird, um DOM-bezogene Vorgänge auszuführen, nachdem die Komponente gemountet wurde.

Die Ausführungsreihenfolge von erstellt und bereitgestellt im Vue-Lebenszyklus

erstellt und bereitgestellt sind zwei wichtige Hook-Funktionen im Vue-Lebenszyklus, mit denen bestimmte Aufgaben in verschiedenen Lebenszyklusphasen von Komponenten ausgeführt werden. Die Ausführungsreihenfolge zwischen ihnen ist wie folgt:

1. erstellt

erstellt Die Hook-Funktion wird unmittelbar nach der Erstellung der Komponenteninstanz ausgeführt, und das DOM-Element der Komponente wurde noch nicht erstellt. Wird hauptsächlich zum Ausführen der folgenden Aufgaben verwendet:

• Daten initialisieren
• Nicht reagierende Eigenschaften festlegen
• Methoden aufrufen (nicht DOM-abhängig)

2. Die Mounted-Hook-Funktion wird nach dem Mounten der Komponente ausgeführt Auf dem DOM ist nun das DOM-Element der Komponente verfügbar. Wird hauptsächlich zum Ausführen der folgenden Aufgaben verwendet:

Auf DOM-Elemente zugreifen und diese bedienen

DOM-abhängige Logik ausführen
• Bibliotheken oder Plug-Ins von Drittanbietern aufrufen
• Ausführungsreihenfolge

Gemäß dem Vue-Lebenszyklus erstellte Hook-Funktion first

Wird in der montierten Hook-Funktion ausgeführt. Dies liegt daran, dass die erstellte Hook-Funktion ausgeführt wird, wenn die Komponente instanziiert wird, während die gemountete Hook-Funktion ausgeführt wird, nachdem die Komponente im DOM gemountet wird.

Wenn Sie also etwas tun müssen, bevor Sie sich auf ein DOM-Element verlassen, tun Sie es in der erstellten Hook-Funktion. Wenn Sie nach der Montage der Komponente Vorgänge ausführen müssen, können Sie die Funktion „montierter Haken“ verwenden.

Das obige ist der detaillierte Inhalt vonWelches wird zuerst ausgeführt, erstellt oder in Vue gemountet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!