Heim >Web-Frontend >View.js >Was sind die Phasen des Vue-Lebenszyklus?

Was sind die Phasen des Vue-Lebenszyklus?

WBOY
WBOYOriginal
2022-03-17 11:43:394019Durchsuche

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.

Was sind die Phasen des Vue-Lebenszyklus?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn