Eine kurze Diskussion über den VUE Uni-App-Lebenszyklus

Eine kurze Diskussion über den VUE Uni-App-Lebenszyklus

1. Anwendungslebenszyklus

onLaunch

Wird ausgelöst, wenn die Uni-App-Initialisierung abgeschlossen ist (wird global nur einmal ausgelöst) onShow

Wenn uni-app gestartet wird oder aus dem Hintergrund in den Vordergrund tritt, wird onHide angezeigt

Wenn uni-app vom Vordergrund in den Hintergrund gerät

2. Seitenlebenszyklus

onLoad

Warten Sie auf das Laden der Seite bei „OnReady“

Warten Sie, bis die erste Darstellung der Seite abgeschlossen ist. Beachten Sie, dass bei hoher Rendering-Geschwindigkeit onShow ausgelöst wird, bevor die Seite in die Animation eintritt.

Die Überwachungsseite wird angezeigt. Wird jedes Mal ausgelöst, wenn die Seite auf dem Bildschirm erscheint, einschließlich beim Zurückklicken von einer Seite auf niedrigerer Ebene, um die aktuelle Seite anzuzeigen.

Monitorseite beim Entladen ausblenden

Deinstallation der Monitorseite

Komponentenlebenszyklus

beforeCreate

Wird aufgerufen, nachdem die Instanz initialisiert wurde.

„mounted“ wird unmittelbar nach der Erstellung der Instanz aufgerufen.

Wird nach dem Einhängen in die Instanz aufgerufen. Siehe Hinweis: Es ist nicht sicher, dass alle Unterkomponenten hier gemountet sind. Wenn Sie Operationen ausführen müssen, nachdem die Unterkomponenten vollständig gemountet sind, können Sie $nextTickdestroyed verwenden.

Wird aufgerufen, nachdem die Vue-Instanz zerstört wurde. Nach dem Aufruf wird die Bindung von allem, worauf die Vue-Instanz zeigt, aufgehoben, alle Ereignis-Listener werden entfernt und alle untergeordneten Instanzen werden zerstört.

Zusammenfassen

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

Das könnte Sie auch interessieren:
  • Detailliertes Verständnis des Lebenszyklusvergleichs zwischen Vue2 und Vue3
  • Detaillierte Erklärung des Vue-Lebenszyklus
  • Detaillierte Erklärung des Unterschieds zwischen Vue-Lebenszyklus
  • Tiefgreifendes Verständnis des Vue-Lebenszyklus
  • Eine kurze Diskussion über den Lebenszyklus von Vue

<<:  Methode zum Erstellen eines Redis-Clusters basierend auf Docker

>>:  HTML-Tabellen-Markup-Tutorial (42): horizontales Ausrichtungsattribut der Tabellenüberschrift ALIGN

Artikel empfehlen

Detaillierte Erklärung der Vue-Komponenten

<Text> <div id="Wurzel"> &l...

Vue3.0+vite2 implementiert dynamisches asynchrones Lazy Loading von Komponenten

Inhaltsverzeichnis Erstellen Sie ein Vite-Projekt...

So prüfen Sie, ob Daten vorhanden sind, bevor Sie sie in MySQL einfügen

Geschäftsszenario: Der Besuchsstatus des Besucher...

Zusammenfassung des MySQL-Installationsdiagramms

Grafisches Tutorial zur Installation und Konfigur...

TypeScript-Aufzählungstypen im Detail erklären

Inhaltsverzeichnis 1. Digitale Aufzählung 2. Zeic...

Verwendung des Linux-Stat-Befehls

1. Befehlseinführung Der Befehl stat wird verwend...

Detaillierte Erläuterung des Excel-Parsings und -Exports basierend auf Vue

Inhaltsverzeichnis Vorwort Grundlegende Einführun...

Detaillierte Einführung in CSS-Schrift-, Text- und Listeneigenschaften

1. Schrifteigenschaften Farbe, gibt die Farbe des...

Beispielcode zum Bereitstellen von ELK mit Docker-Compose

Umfeld Host-IP 192.168.0.9 Docker-Version 19.03.2...

Eine Untersuchung des JS-Operators im Problem

Die Sache ist: Jeder kennt „Speicherlecks“. Es gi...