LU05.A01 - Directives Example

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 10 Minutes
• Expected result: The background color im example code is adjusted as defined in the assignment.

• Code-example: v-bind Directive

1. Change the background colour from lightPink to lightBlue.
2. Create a new CSS-Class blueBG in analogy to pinkBG). Make sure to belabour the DIVs within the script part as well.
3. Execute your script by having it run.
4. Save your solution within W3-Save-Area.
   • Therefore you might need a W3-School-Account.
   • Be advised to name you script accordingly, i.e. 20250203_vueDirectives_01. This will be helpful when preparing for the exams.

Lösung

Volkan Demir