Wie viele Hook-Funktionen gibt es in vue.js?

Es gibt acht Hook-Funktionen in vue.js: 1. beforeCreate wird vor der Erstellung verwendet; wird vor der Zerstörung verwendet.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6. Diese Methode ist für alle Computermarken geeignet.

Es gibt acht Hook-Funktionen in vue.js:

1. beforeCreate: Vor der Erstellung

1. Wenn der aktuelle Vue instanziiert wird, wird eine Initialisierungsoperation durchgeführt Erstmaliges Laden

2. Auf die Eigenschaften in Daten kann in der aktuellen Funktion nicht zugegriffen werden, aber über das Instanzobjekt von vue kann auf sie zugegriffen werden

2. erstellt: nach der Erstellung

1. Nachdem beforeCreate ausgeführt wurde, wird es ausgeführt erstellt. In der aktuellen Funktion können wir auf die Attribute in Daten zugreifen

2. Wenn die aktuelle Lebenszyklusfunktion ausgeführt wird, werden alle Attribute in Daten und alle Methoden in Methoden gleichzeitig zur Vue-Instanz hinzugefügt

wird eine Getter/Setter-Methode zu allen Attributen in Daten hinzufügen

3. Wenn Sie eine Dateninteraktion am Front- und Back-End durchführen müssen (beim Erstellen von Ajax-Anfragen), müssen Sie diese im aktuellen Lebenszyklus verwenden

3. beforeMount: vor dem Mounten

(Rendering)

                                                                                                                                                                                     Die Daten und die Vorlage wurden nicht kombiniert, und die Daten und die Vorlage wurden noch nicht kombiniert und sie wurden noch nicht auf der HTML-Seite gerendert. Sie können die endgültige Seite erstellen Änderungen an den Daten vor dem Rendern hier 4. Gemountet: Nach dem Laden hängen 、 1. Die Daten und Vorlagen werden kombiniert, um die reale DOM-Struktur zu rendern. 2. In der aktuellen Lebenszyklusfunktion können wir auf die reale DOM-Struktur zugreifen . Um auf die echte DOM-Struktur zuzugreifen

4. Der Referenzwert muss wie die ID eindeutig sein. Beim Zugriff können wir das Attribut „beforeDestroy“ verwenden: vor der Zerstörung

Sie können auch vorher auf das DOM zugreifen Zerstörungsstruktur und zugehörige Daten (DATEN)

In dieser Lebenszyklusfunktion können wir die zu entfernenden Bindungsereignisse entfernen

6, Zerstört: Nach der Zerstörung Beziehungstrennung (nicht das, was Sie tun)

In dieser Lebenszyklusfunktion können wir das Greifen Sie weiterhin auf die Attribute in Daten zu

, aber nicht auf die tatsächliche DOM-Struktur. Wenn sich die Attribute in geändert haben, wird dieser Lebenszyklus ausgeführt und die Renderfunktion wird erneut ausgeführt

                In dieser Lebenszyklusfunktion können wir sie endgültig machen Änderungen an den Daten, und gleichzeitig können wir auf die neueste DOM-Struktur und Daten zugreifen

8. AKTUALISIERT: Nach dem Update,

In der aktuellen Lebenszyklusfunktion können wir auf die neueste DOM-Struktur (die neueste DOM-Struktur) zugreifen nach Datenaktualisierung) und Daten

Verwandte Lernempfehlung:

JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie viele Hook-Funktionen gibt es in vue.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!