LU05.A06 - v-bind with shorthand

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 10 Minutes
• Expected result: Script that used the v-bind in the short-hand version.

1. Be able to bind ressources with the shorthand version of v-bind
2. Understanding the interaction of the SFC concept (single file component)

• Code-example: v-bind Directive shorthand

1. Open the URL with the exercise, which is given above.
2. Add to the style-area a new class myClass2 with the background-color: red
3. Add a new div which incorporates the second style element.
4. Toggle in the script area with the values true and false, which activates and deactivates wether the style are being used or not
5. Execute your script by having it run.
6. Save your solution accordingly. Therefore you might need a W3-School-Account.

Lösung

Volkan Demir