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

Entwurf und Implementierung einer kaskadierenden Dropdown-Box in Vue

Inhaltsverzeichnis 1. Datenbankdesign 2. Frontend...

Detaillierte Erläuterung des zeitgesteuerten Protokollschneidens von Nginx

Vorwort Standardmäßig werden Nginx-Protokolle in ...

Detaillierte Analyse des Blockierungsproblems von js und css

Inhaltsverzeichnis DOMContentLoaded und laden Was...

HTML-Kopfstruktur

Im Folgenden werden die häufig verwendete Kopfstr...

Docker- und Portainer-Konfigurationsmethoden unter Linux

1. Installieren und verwenden Sie Docer CE Dieser...

So finden und löschen Sie doppelte Zeilen in MySQL

Inhaltsverzeichnis 1. So finden Sie doppelte Zeil...

Detaillierte Erklärung langsamer MySQL-Abfragen

Informationen zu MySQL-Vorgängen abfragen Status ...

So konfigurieren Sie den Tomcat-Server für Eclipse und IDEA

Tomcat-Serverkonfiguration Jeder, der das Web ken...

Beispiel für die gemeinsame Nutzung von Anker-Tags in HTML

Verwendung von Anker-Tags: Als Ankerlink wird ein ...

Mehrere allgemeine Beispielcodes für Weiterleitungsverbindungen in HTML

Code kopieren Der Code lautet wie folgt: window.l...

Lösung für ungültige obere Ränder von Elementen in Div-Tags

Genau wie der Titel sagt. Die Frage ist sehr merkw...

Beispiel für die Wertübertragung in einem HTML-Formular über die Get-Methode

Die google.html-Schnittstelle ist wie in der Abbil...