Was sind die Phasen des Vue-Lebenszyklus?

Der Deklarationszyklus von Vue besteht aus folgenden Phasen: 1. Vor der Instanzerstellung; Bevor die Instanz zerstört wird; 8. Nachdem die Instanz zerstört wird.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was sind die Phasen des Vue-Lebenszyklus?

Jede Vue-Instanz durchläuft bei ihrer Erstellung eine Reihe von Initialisierungsprozessen. Der Vue-Lebenszyklus-Hook ist eine Funktion, die ausgelöst wird, wenn eine bestimmte Phase oder Bedingung erreicht wird. Der Zweck besteht darin, einige Aktionen oder Ereignisse abzuschließen

• create-Phase: Die Vue-Instanz wird erstelltcreate阶段：vue实例被创建

beforeCreate: 创建前，此时data和methods中的数据都还没有初始化

created： 创建完毕，data中有值，未挂载

• mount阶段： vue实例被挂载到真实DOM节点

beforeMount：可以发起服务端请求，去数据

mounted: 此时可以操作DOM

• update阶段：当vue实例里面的data数据变化时，触发组件的重新渲染

beforeUpdate :更新前

updated：更新后

• destroy阶段：vue实例被销毁

beforeDestroy：实例被销毁前，此时可以手动销毁一些方法

destroyed

beforeCreate: Vor der Erstellung, Zu diesem Zeitpunkt wurden Daten und Methoden noch nicht initialisiert : Die Vue-Instanz wird auf dem echten DOM-Knoten gemountet

beforeMount: Sie können eine Serveranforderung zum Entfernen von Daten initiieren

mount: Zu diesem Zeitpunkt können Sie das DOM bedienen

update-Phase: Wenn sich die Daten in der Vue-Instanz ändern, wird das erneute Rendern der Komponente ausgelöst

beforeUpdate: vor dem Update

aktualisiert: Nach dem Update

destroy Phase: Die Vue-Instanz wird zerstört

ul>beforeDestroy: bevor die Instanz zerstört wird. Zu diesem Zeitpunkt können Sie einige Methoden manuell zerstören

destroyed: Nach der Zerstörung🎜🎜🎜Komponentenlebenszyklus🎜🎜🎜 Lebenszyklus (übergeordnete-untergeordnete Komponente) übergeordnete Komponente vor der Erstellung --> untergeordnete Komponente vor der Bereitstellung --> Untergeordnete Komponente gemountet --> Übergeordnete Komponente vor dem Zerstören --> Übergeordnete Komponente vor dem Erstellen --> -> Parent beforeMount-> Child BeforeMount-> Child Mounted-> mounted🎜🎜Aktualisierungsphase der übergeordneten Komponente. Parent beforeUpdate->Update-Phase der übergeordneten Komponente ;Kind zerstört->Eltern zerstört🎜🎜[Verwandte Empfehlung: „🎜vue.js Tutorial🎜“ 】🎜

Das obige ist der detaillierte Inhalt vonWas sind die Phasen des Vue-Lebenszyklus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!