LU05.A04 - v-bind with css-class

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

1. Be able to use media elements such as photos using v-bind scr. 2. Interaction of the three areas in a SFC (single file component). 3. Be able to make small code adjustments to an existing Vue script

• Code-example: W3School v-bind src

You will find at the W3School webseite a small script in which some photographs are being displayed. In this script we would like to make some changes as follows:

1. Create a new directory media and save at least three photos of your choice in it.
2. Adjust the code to display this three photos.
3. Create withing the style area a second CSS class #app2 with new values of your choice for the photo frame.
4. Activate the css amendments by adjusting the template-code (div-element).
5. Save your result either on your pc or in the W3Schools workspace (requires a W3Schoo profile).

Lösung

Volkan Demir