Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:loesungen:06 [2025/01/23 11:59] – angelegt vdemir
+++ en:modul:m291:learningunits:lu05:loesungen:06 [2025/03/28 09:59] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
 ====== LU05.S06 - v-bind with shorthand ======
-===== Prerequisites  =====
-  * Work type: Individual
-  * Means of aid: only teaching materials, no websearch, no use of ai.
-  * Timeframe: 10 Minutes
-  * Expected result: .
-===== Learning objectives =====
-  - Be able to bind ressources with the shorthand version of v-bind
-  - Understanding the interaction of the SFC concept (single file component)
-===== Source =====
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-bind_shorthand |Code-example: v-bind Directive shorthand]]
 ===== Assignment ======
@@ Zeile 18: / Zeile 5: @@
   - Add to the //style-area// a new class //myClass2// with the //background-color: red//
   - Add a new //div// which incorporates the second style element.
-  - Toggle in the //script// area with the values //true// and //false//, which activates and deactivates wether the style are being used or not
+  - **Toggle manually** within the //script// area with the values //true// and //false//, which activates and deactivates whether the style are being used or not. That means set the value manuelly to //true// or //false//
   - Execute your script by having it //run//.
   - Save your solution accordingly. Therefore you might need a W3-School-Account.
-===== Solution =====
+===== Sourcecode of the solution =====
-[[en:modul:m291:learningunits:lu05:loesungen:05|Lösung]]
+{{ :en:modul:m291:learningunits:lu05:loesungen:lu05.s06.zip | Sourcecode of the solution}}
+Your solution is supposed to look like the following image:
+{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s06.png?1200| Results of the code-changing}}
 ===== Vocabulary =====