Heim >Web-Frontend >js-Tutorial >So bedienen Sie die Vue-Funktionsaufrufsequenz
Dieses Mal zeige ich Ihnen, wie Sie die Vue-Funktionsaufrufsequenz bedienen und welche Vorsichtsmaßnahmen für die Bedienung der Vue-Funktionsaufrufsequenz gelten. Hier ist ein praktischer Fall, schauen wir uns das an.
erstellt und bereit sind beide Lebenszyklen von Vue-Komponenten
erstellt
Typ: Funktion
Details:
wird synchron aufgerufen, nachdem die Instanz erstellt wurde. Zu diesem Zeitpunkt hat die Instanz die Analyseoptionen abgeschlossen, was bedeutet, dass: Datenbindungen, berechnete Eigenschaften, Methoden, Watcher/Ereignisse Rückrufe eingerichtet wurden. Aber die DOM-Kompilierung hat noch nicht begonnen, $el existiert noch nicht.
bereit
Typ: Funktion
Details:
Kompilierungsende und el werden nach dem ersten Einfügen des Dokuments aufgerufen, beispielsweise nach dem ersten angehängten Hook. Beachten Sie, dass es durch Vue-Einfügung ausgelöst werden muss (z. B. wird es aufgerufen, nachdem vm.el das Dokument zum ersten Mal eingefügt hat, z. B. nach dem ersten angehängten Hook. Beachten Sie, dass es durch Vue-Einfügung ausgelöst werden muss (z. B. vm.el). .appendTo() und andere Methoden oder Anweisungen aktualisieren)) Der Ready-Hook
compted ist ein berechnetes Attribut, z. B.
computed:{ b:function(){ return this.a+1 } }
, mit dem dann der Wert von b verknüpft ist a, was immer dem Wert von a + 1 entspricht, und der Wert von a wird auch geändert, wenn
vue's Ajax-Bibliothek die Verwendung von vue-resource empfiehlt. Nicht-Einzelseitenanwendungen können Daten sofort abrufen. Wenn es sich um eine Einzelseitenanwendung handelt, verwenden Sie zum Abrufen den RoutingLebenszyklus, z. B.
route: { data: function (transition) { //数据获取,修改data transition.next() } }
Ich glaube, Sie beherrschen die Methode Nachdem Sie den Fall in diesem Artikel gelesen haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website.
Empfohlene Lektüre:
Zusammenfassung der Fähigkeiten zum Parsen von js-Daten
Tipps zur Verwendung der DOM-Ereignisbindung in js
Das obige ist der detaillierte Inhalt vonSo bedienen Sie die Vue-Funktionsaufrufsequenz. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!