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 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
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