Aus dem Kurs: Vue.js lernen
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
Wir haben bisher die Daten direkt immer in unserem Skript stehen gehabt, also, das sind die Daten, mit denen wir gearbeitet haben. Im echten Einsatz stehen die natürlich oft nicht im Skript, sondern man holt sie sich von einer anderen Quelle. Dafür können wir fetch() nutzen in JavaScript und als Beispieldateien können wir die Dateien von jsonplaceholder nutzen. Das ist genau für solche Zwecke gedacht. Jetzt stellt sich aber die Frage: Wann wollen wir denn diese Aktion des Datenholens stattfinden lassen? Und dafür gibt es die Lifecycle Hooks in Vue. Worum handelt es sich dabei? Eine Vue-Instanz durchlebt verschiedene Phasen, die sind an dieser Stelle hier aufgeführt, und bei jeder dieser Phasen können Sie eingreifen und eine Aktion durchführen. In unserem Fall wollen wir die Aktion bei Mounted durchführen, d.h., wenn die Instanz gemountet ist. Und das schauen wir uns nun mal an. Das ist das Beispiel. Wir haben unsere Tabelle, die sortierbar sein soll, und nun haben wir die Personen…
Inhalt
-
-
-
-
(Gesperrt)
Templates mit Mustache4 Min. 37 Sek.
-
(Gesperrt)
Attribut-Binding3 Min. 35 Sek.
-
Klassen dynamisch setzen3 Min. 14 Sek.
-
(Gesperrt)
Eventhandling einsetzen5 Min. 22 Sek.
-
(Gesperrt)
Eventmodifier verwenden1 Min. 49 Sek.
-
(Gesperrt)
Form Input Binding2 Min. 40 Sek.
-
(Gesperrt)
Konditionales Rendering2 Min. 57 Sek.
-
(Gesperrt)
Schleifen verwenden2 Min. 40 Sek.
-
(Gesperrt)
Berechnete Werte1 Min. 55 Sek.
-
(Gesperrt)
Sortierbare Tabelle3 Min. 2 Sek.
-
(Gesperrt)
Live Cycle Hooks4 Min. 25 Sek.
-
Challenge: Einkaufsliste2 Min. 36 Sek.
-
(Gesperrt)
Solution: Einkaufsliste4 Min. 10 Sek.
-
(Gesperrt)
-