Dies ist eine alte Version des Dokuments!
LU05.A03 - v-bind with src
Prerequisites
- 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. The src are locally and globally referenced.
Learning objectives
- Be able to bind global and local ressources with the v-bind directive
Source
Assignment 1: Global src
- Find a on the internet a picture of your choice and copy the url to it.
- Overwrite the code line in the given sourcecode
- Execute your script by having it run.
- Save your solution accordingly. Therefore you might need a W3-School-Account.
Solution
Assignment 2: local src
- Download another picture of your choice.
- Create in your W3 workingspace a directory media and save the downloaded picture there
- overwrite the url in the app to display your new local picture
- Execute your script by having it run.
- Save your solution accordingly. Therefore you might need a W3-School-Account.