Kommentarblock mit Vue.js


Nutzen Sie ihren aktuellen Code als Ausgangspunkt oder die Version v5.1.0 von Christian Noss

Committen und pushen Sie ihre Änderungen in das Repo des Javascript Assignments.

Step 1

Erzeugen Sie eine Vue Applikation welche das Comment JSON File über die Fetch API lädt und auf dieser Basis das Markup für die Kommentare über die Vue Template Engine generiert.

Step 2

Verknüpfen Sie in der Vue Applikation nun das Formular und den Kommentarblock miteinander.

Beim Betätigen der Schaltfläche „Kommentar absenden” sollen die vom User eingetragenen Werte aus den Eingabefeldern extrahiert werden. Anschließend soll ein neuer Eintrag auf Basis dieser Daten im Kommentarblock hinzugefügt werden.

Da keine serverseitige Logik zum Hochladen der Bilder vorhanden ist, binden Sie als Avatar eines der vorhanden Bilder ein.