LU05.A03 - v-bind with style

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 15 Minutes
• Expected result: The picture in the example code has changed.

1. Be able to bind global and local ressources with the v-bind directive
2. Understanding the interaction of the SFC concept (single file component)

• Code-example: v-bind Directive style

1. Open the URL with the exercise, which is given above.
2. Change the type size to 50px
3. Create a new css-class, the attributes are up to you.
4. Create within the template-area a second DIV and bin this to the new style-class to both text-areas are displayed.
5. Overwrite the code line in the given sourcecode
6. Execute your script by having it run.
7. Save your solution accordingly. Therefore you might need a W3-School-Account.

Lösung

Volkan Demir