LU05.A12 - v-show simple applied to texts

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 10 Minutes
• Expected result: A Vue script that fades-in and fades-out a given text.

1. Using v-show to simple text examples.

• v-show code-example

The assignment is basically to use the v-show directive to a given text to hide or to make it visible. This is managed by using the parameter, which will be set to true or false.

1. Click the link above to the code-exambpe to get to the W3School-TryOut area.
2. Save the code with a suitable name
3. Have it run by clicking the run-button.
4. Change the status of the variable showDiv within the values true and false, and observe the result carefully.
5. What happens if you set the values of the variable showDiv to -1, 0, 1, 2, etc.
6. Note the result as a html-comment und beobachten Sie die Reaktion der Applikation.
7. Save your result, you may need it as a exam-preparation.

Lösung

Volkan Demir