Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:aufgaben:16 [2025/03/28 11:53] – vdemir
+++ en:modul:m291:learningunits:lu05:aufgaben:16 [2025/03/28 12:02] (aktuell) – vdemir
@@ Zeile 21: / Zeile 21: @@
   - Change within the **v-for** the **x** to **z**.
   - Execute your script  --> The images will will disappear. Why?
-  - Then change **x** within the **<figcaption>** and he //<img>** from **x** to a **z** as well --> The images will appear again. Why?
+  - Then change **x** within the //<figcaption>// and the //<img>// from **x** to a **z** as well --> The images will appear again. Why?
   - Note down for what the first respectively the second usage of **x/z** stands for.
 ===== Assignment 2 =====
-It can happen, that besides the image, we also want to display the description of our products on our website. That means, that it is time for some elbow grease. We want to handle a multi-dimensional array. Have fun with the challenge. For more information consult the following link: [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-for_foodImgs2| multi-dimensional arrays]]
+It can happen, that besides the image, we also want to display the description of our products on our website. Thus we want to handle a //multi-dimensional array//.
-  - As we just changed the dimension of our array, we need to adjust the call in the **v-for**-part from z to z.img, as we are using a multi-dimensional arrray and must therefore define which column we actually want to display.
+  - Add a column **comm**-column with comments to your food-list (array) in the script part.
-  - Execute your script. If everything was done properly you will see the content as before.
-  - Add a column **comm**-column with comments to you food-list (array) in the script part.
     * If you like it: **OK**.
     * If not: **NOK**
-  - Display the comm-entries after the name of the dish by using {{ z.comm }}
+  - Display the comm-entries after the name of the dish by using **z.comm**
-  - Execute your script. If everything was done properly you will see the images as before AND the comment below the image.
+  - Execute your script. If everything was done properly you will see the images as before AND the comment below the images.
   - Comment your script accordingly an save it.