Heim > Web-Frontend > View.js > Hauptteil

Die Reihenfolge der Ausführung von erstellten Daten und Daten in vue

下次还敢
Freigeben: 2024-05-09 14:06:15
Original
271 Leute haben es durchsucht

In Vue wird die erstellte Lifecycle-Hook-Funktion nach den Daten ausgeführt. Diese Reihenfolge ist sehr wichtig, um sicherzustellen, dass die Daten in der erstellten Hook-Funktion verfügbar sind.

Die Reihenfolge der Ausführung von erstellten Daten und Daten in vue

Die Ausführungsreihenfolge von erstellten Daten und Daten in Vue

erstellt Die Lebenszyklus-Hook-Funktion wird nach Daten ausgeführt.

Detaillierte Beschreibung:

  • Bei der Instanziierung von Vue werden zunächst die folgenden Schritte ausgeführt:

    • Erstellen Sie ein leeres Objekt als Vue-Instanz.
    • Vue-Optionen initialisieren (Requisiten, Daten, berechnet usw.).
    • Führen Sie die Lebenszyklus-Hook-Funktion erstellt aus. created 生命周期钩子函数。
  • 接着,执行以下步骤:

    • 解析数据对象,并通过代理将它们绑定到 Vue 实例。
    • 调用 watch 方法(如有)。
    • 执行 data 之后的其他所有生命周期钩子函数(mounted、updated 等)。

因此,createddata 之后执行,因为在执行 created 之前,Vue 实例已经初始化,并且数据对象已经绑定到 Vue 实例。

这个顺序对于确保数据在 created 钩子函数中可用非常重要,因为 created

🎜🎜Führen Sie als Nächstes die folgenden Schritte aus: 🎜🎜🎜Parsen Sie die Datenobjekte und binden Sie sie über den Proxy an die Vue-Instanz. 🎜🎜Rufen Sie die Watch-Methode auf (falls vorhanden). 🎜🎜Führen Sie alle anderen Lebenszyklus-Hook-Funktionen (gemountet, aktualisiert usw.) nach data aus. 🎜🎜🎜Daher wird created nach 🎜data🎜 ausgeführt, da vor der Ausführung von created die Vue-Instanz initialisiert und das Datenobjekt initialisiert wurde wurde an die Vue-Instanz gebunden. 🎜🎜Diese Reihenfolge ist sehr wichtig, um sicherzustellen, dass die Daten in der Hook-Funktion created verfügbar sind, da die Hook-Funktion created normalerweise zum Ausführen von Vorgängen verwendet wird, die Zugriff auf Daten erfordern . 🎜

Das obige ist der detaillierte Inhalt vonDie Reihenfolge der Ausführung von erstellten Daten und Daten in vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
vue
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!