Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:theorie:01 [2025/01/22 13:47] – vdemir
+++ en:modul:m291:learningunits:lu05:theorie:01 [2025/01/22 13:58] (aktuell) – [Source] vdemir
@@ Zeile 4: / Zeile 4: @@
   - I can explain what //Vue Directives// are.
   - I can explain what //Vue Directives// are used for.
-  - I can name and explain at least five examples of directives.
+  - I can name and explain at least four types of directives.
   - I can use VUE directives as an example.
@@ Zeile 12: / Zeile 12: @@
 ===== Key Features =====
 ** 1. Reactivity:** Automatically update the DOM when the underlying data changes.
 ** 2. Extensibility:** You can create custom directives for advanced behavior.
 ** 3. Simplicity: **Integrate seamlessly into templates for common tasks like event handling or conditional rendering.
+===== Examples =====
+  - **v-if**: Conditionally renders an element or removes it from the DOM based on the truthiness of an expression.
+  - **v-for**: Iterates over a list or object, generating a new element for each item in the collection.
+  - **v-bind**: Dynamically binds an attribute (e.g., `src`, `class`, `style`) to an expression, allowing for reactive updates.
+  - **v-model**: Creates a two-way binding between a form input or component and a Vue instance's data property.
 ===== Source =====
   * [[https://www.w3schools.com/vue/vue_directives.php| W3School - VUE Directives]]
+**Tutorial with the concrete use of VUE directives**
+{{ :en:modul:m291:learningunits:lu05:theorie:vue_tutorial_3_-_vue_directive_part_i.mp4 | Tutorial with the concrete use of VUE directives}}
 ===== Vocabulary =====
 ^ English ^ German ^