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

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