Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Live Cycle Hooks

Live Cycle Hooks – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Live Cycle Hooks

In bestimmten Phasen einer Komponente oder einer Anwendung können Sie Aktionen durchführen mithilfe der Lifecycle Hooks. Wenn Sie das bei der Composition API machen wollen, dann müssen Sie dafür die Hilfsfunktion importieren und dann können Sie sie anwenden und ihr eine Callback-Funktion übergeben, die eben ausgeführt wird, wenn diese Phase erreicht ist. Wichtig ist außerdem, wie diese Lifecycle Hooks geschrieben werden. Bei der Options API schreiben Sie mounted, bei der Composition API hingegen onMounted. In dem Beispiel, was Sie bereits kennen, haben wir auch auf Lifecycle Hooks gesetzt. Wichtig ist also, ich muss die Hilfsfunktion importieren und dann kann ich die anwenden. Und im Beispiel lasse ich nur auf der Konsole einen Text ausgeben. Welche Lifecycle Hooks gibt es nun? Wenn Sie mit der Options API arbeiten, dann gibt es auch so was wie beforeCreate() und created(). Das verwendet man, um den Moment abzufangen, wenn die Instanz initialisiert wird. Dafür gibt es bei der…

Inhalt