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 – 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
-
-
-
Projekt erstellen2 Min. 51 Sek.
-
(Gesperrt)
Die APIs im Überblick2 Min. 10 Sek.
-
(Gesperrt)
Options API4 Min. 16 Sek.
-
(Gesperrt)
Composition API im Überblick2 Min. 43 Sek.
-
(Gesperrt)
setup() und SFC2 Min. 21 Sek.
-
(Gesperrt)
Reaktive Daten5 Min. 11 Sek.
-
(Gesperrt)
Original-DOM-Event auslesen1 Min. 58 Sek.
-
(Gesperrt)
Eventhandler mit Modifiern1 Min. 38 Sek.
-
(Gesperrt)
Key- und Mouse-Modifier1 Min. 58 Sek.
-
(Gesperrt)
Computed und Methoden2 Min. 9 Sek.
-
(Gesperrt)
Vue-Direktiven5 Min. 37 Sek.
-
watch() und watchEffect()3 Min.
-
(Gesperrt)
Live Cycle Hooks1 Min. 48 Sek.
-
(Gesperrt)
Composables2 Min. 6 Sek.
-
(Gesperrt)
Challenge: To-do-Liste erstellen3 Min. 4 Sek.
-
(Gesperrt)
Solution: To-do-Liste erstellen3 Min. 33 Sek.
-
-
-
-
-