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.

Templates mit Mustache

Templates mit Mustache

In der letzten Challenge haben Sie bereits mit der Template-Syntax gearbeitet, nun wollen wir das einmal vertiefen. Also, die Syntax sieht so aus, dass wir immer doppelte geschweifte Klammern machen und da rein können wir nun Ausdrücke schreiben. Die können so ganz einfach sein, wie hier der Name einer Variable, aber ich kann bspw. auch Operationen durchführen wie toUpperCase() oder mir das Datum ausgeben lassen und außerdem kann ich auch auf die Daten eines Objekts zugreifen. Prinzipiell können Sie in den doppelten geschweiften Klammern alles schreiben, was Sie auch mit return zurückgeben können. Ich habe das Beispiel ergänzt und habe ein Alter angegeben bei dieser Person und da kann ich nun, je nachdem wie das Alter ist, verschiedene Ausgaben machen. Also, ich kann nun schreiben, in doppelten geschweiften Klammern greife ich auf das Alter zu und überprüfe mal, ob es größer als 18 ist, ">18". Und das wird mir im Beispiel, weil das Alter ja 27 ist, gleich true anzeigen. Schauen…

Inhalt