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.
Form Input Binding
Formulare sind die entscheidende Möglichkeit, um Input von den Nutzenden zu erhalten. D.h., man braucht Formulare für jede Warenkorbfunktionalität, wenn dann jemand seine Adresse eingibt etc. Und bei Formularen will man natürlich die Daten, die von den Nutzenden kommen, auch komfortabel weiterverarbeiten und bspw. synchronisieren mit den internen Daten. Und wie das nun funktioniert und wie einfach das funktioniert, sehen wir uns einmal an. Folgendes Beispiel: Ich habe ein Formularfeld und wenn ich da etwas ergänze, dann wird das entsprechend auch hier unten aktualisiert. Wie funktioniert das? Wenn man das selber basteln würde mit Vue, dann müsste man das wie folgt machen. Man würde hier Attribute Binding verwenden mit diesem Wert "greeting", den habe ich unten bei den Data Props definiert und damit wird das synchronisiert. Und außerdem fange ich jetzt das input-Ereignis ab. Und was mache ich dann? Ich greife auf das Event zu und setze dann greeting, das ist ja diese Data Prop, auf…
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)
-