Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Aufrufsequenz von Funktionen in Vue

Detaillierte Erläuterung der Aufrufsequenz von Funktionen in Vue

小云云
小云云Original
2018-03-19 10:51:362277Durchsuche

Dieser Artikel enthält hauptsächlich eine Einführung in die Aufrufsequenz von Funktionen in Vue. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen. Methode wird zum Definieren von Methoden verwendet. Wenn Sie beispielsweise auf @click="test" klicken, wird die Methode test definiert.

erstellt und bereit sind beide der Lebenszyklus von Vue-Komponenten

erstellt

Typ: Funktion

Details:

Wird synchron aufgerufen, nachdem die Instanz erstellt wurde. Zu diesem Zeitpunkt hat die Instanz das Parsen der Optionen abgeschlossen, was bedeutet, dass Datenbindungen, berechnete Eigenschaften, Methoden und Watcher/Ereignisrü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)) ready-Hook

compted ist ein berechnetes Attribut, wie z. B.


computed:{ 
b:function(){ 
return this.a+1 
} 
}

Dann ist der Wert von b immer mit a verknüpft. Er entspricht dem Wert von a + 1. Wenn der Wert von a geändert wird, ändert er sich auch in

Die Ajax-Bibliothek von vue empfiehlt Bei Verwendung von Vue-Ressourcen reicht es im Allgemeinen aus, Daten im Voraus zu erhalten. Wenn es sich um eine Einzelseitenanwendung handelt, durchlaufen Sie den Routing-Lebenszyklus, z. B.


route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}

Verwandte Empfehlungen:

Erklärung zum Aufruf rekursiver PHP-Funktionen

Einführung in die Aufrufmethode von Anonymous Funktionen in JavaScript

Funktionen in JavaScript aufrufen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Aufrufsequenz von Funktionen in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn