LU05.A03 - v-bind with src

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 10 Minutes
• Expected result: The picture in the example code has changed. The src are locally and globally referenced.

• Be able to bind global and local ressources with the v-bind directive

• Code-example: v-bind Directive src

1. Find a on the internet a picture of your choice and copy the url to it.
2. Overwrite the code line in the given sourcecode
3. Execute your script by having it run.
4. Save your solution accordingly.
5. Download another picture of your choice.
6. Create in your W3 workingspace a directory media and save the downloaded picture there
7. overwrite the url in the app to display your new local picture
8. Execute your script by having it run.
9. Save your solution accordingly. Therefore you might need a W3-School-account.

Lösung

Volkan Demir