LU19a - Aufgabe 1 / Task 04: v-bind, v-for

Füllen Sie die nachfolgenden Felder aus:

Klasse: ………………………………

Vorname: ……………………………

Name: ………………………………..

• Verwenden Sie als Basis zu dieser Aufgabe die Lösung LU05.S17.html

Beim Auftrag LU05.S17.html haben wir verschiedene Gerichte in einem Array verwaltet und mit der directive v-for ausgegeben. Manche Gerichte mochten wir, andere wiederum nicht.

• Status OK: rote Meldung
• Status NOK: grüne Meldung

• Führen Sie einen dritten Status Solala ein.
• Verändern Sie den Status von 2-3 Gerichten neu in Solala
• Passen Sie die Meldung zum neuen Status an: … is fairly edible (… ist knapp geniessbar) in schwarzer Schrift.

Hinweis

• Die Auswahl welche Gerichte „knapp geniessbar“ sind, ist Ihre Entscheidung.
• Am Ende müssen alle 3 Stati im Ergebnis ersichtlich sein.
• Lediglich die Gerichte, dich ich mag sollen als Image gezeigt werden.

Zielzustand
Gericht 3 (cake) und Gericht 6 (pizza) scheine für mich knapp geniessbar zu sein.

Volkan Demir