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

Eine kurze Einführung in Linux-Leistungsüberwachungsbefehle kostenlos

Wie können wir den Fehler lokalisieren, wenn im S...

Detailliertes Tutorial zur Installation von ElasticSearch 6.x im Docker

Ziehen Sie zuerst das Image (oder erstellen Sie e...

Detailliertes Tutorial zur Installation von mysql5.7.18 auf centos7.3

1 Überprüfen Sie die Linux-Distributionsversion [...

MySQL 5.7.18 Installations-Tutorial unter Windows

In diesem Artikel wird erklärt, wie Sie MySQL aus...

Aufzeichnungen zur Verwendung von SSH-Befehlen unter Windows 8

1. Öffnen Sie die virtuelle Maschine und das Git-...

10 Tipps für das User Interface Design mobiler Apps

Tipp 1: Konzentriert bleiben Die besten mobilen A...

Beispiel und Lösung für einen SQL-Injection-Sicherheitslückenprozess

Codebeispiel: öffentliche Klasse JDBCDemo3 { öffe...

Fünf praktische Tipps zur Gestaltung von Webformularen

1. Mobile Auswahl der Formulartexteingabe: Wenn i...

So installieren Sie MySQL auf CentOS und richten den Fernzugriff ein

1. Laden Sie die MySQL-Repo-Quelle herunter $ wge...

Docker-Einstellung für den Windows-Speicherpfadvorgang

Wenn Sie Docker unter Windows 10 installieren und...

So verwenden Sie die Baidu Map API im Vue-Projekt

Inhaltsverzeichnis 1. Registrieren Sie ein Konto ...