Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:theorie:05 [2025/03/14 12:28] – vdemir
+++ en:modul:m291:learningunits:lu05:theorie:05 [2025/03/21 14:31] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05d - v-for ======
+====== LU05e - v-for ======
 ===== Learning ojectives =====
-  - ....
+  - I can explain what function v-for directives fulfil within the DOM.
-  -
+  - I can explain which data types v-for is suitable for.
+  - I can name the list display variants that are possible with v-for.
+===== Source =====
+[[https://www.w3schools.com/vue/vue_v-for.php|W3School v-for]]
 ===== Introduction ====
-The v-for directive in Vue.js is used to render a list of items by iterating over an array or object. It follows the syntax v-for="item in items", dynamically generating elements. To optimize performance, it's recommended to use a unique key attribute, ensuring efficient updates and reactivity in Vue applications.
+The **v-for** directive in Vue.js is a powerful tool for rendering (the process of converting data, code or digital instructions into a visual representation on the screen) lists of elements in HTML templates. It allows developers to iterate through a data source and create a template element for each element in the data source (e.g. array). In addition to basic lists, **v-for** can also be used to iterate (loop through) a series of numbers, object properties or even nested structures. By combining it with other directives such as **v-bind** and **v-on**, **v-for** extends the possibilities of interactive data binding in Vue applications.
   <template>