====== LU19a - Aufgabe 1 / Task 05: v-bind, v-for ======


===== Administration =====
Füllen Sie die nachfolgenden Felder aus:

**Klasse:** ....................................

**Vorname:** .................................

**Name:** ......................................

===== Vorarbeit =====
  * Sie können als Vorlage für diese Aufgabe die Lösung **LU05.S17.html** verwenden.

===== Ausgangslage =====
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
  * Alle relevanten Informationen wurden in einem mehrdimensionalen Array gespeichert.

{{:en:modul:m291:learningunits:lu19:theorie:a04_start.png?400|}}

===== Auftrag =====
  * Zu jedem Gericht soll gespeichert werden, wie oft man das Gerichte genossen bzw. nicht gern gemocht hat.
  * Die Bildschirm-Meldungen müssen entsprechend angepasst werden:
    * Status OK: Ich genoss das .... ? mal!
    * Status NOK: Ich hatte das ... ? mal nicht gerne!

**Hinweis**
  * Die verwendete Sprache kann Deutsch oder Englisch sein.
  * Welche Gerichte gemocht und welche Gerichte nicht gemocht wurden, kann ausgewählt werden.
  * Am Ende müssen beide Stati OK und NOK im Ergebnis ersichtlich sein.
  * Lediglich die Gerichte, die ich mag, sollen als Image gezeigt werden.


==== Zielzustand ====
In diesem Fall hatte ich 4 Gerichte gerne:
  * Burrito 5 mal
  * Salat 3 mal
  * Kuchen 4 mal 
  * Fisch 8 mal

Hingegen hatte ich nicht gerne: 
  * Suppe 2 mal
  * Pizza 6 mal 
  * Reis 4 mal 

==== Abbildung ====
{{:en:modul:m291:learningunits:lu19:theorie:t05_ziel.png?500|}}
-----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir