LU03.A01 - Hello World in W3School-Playground

1. Learning how to make use of the W3School VUE playground
2. Recognizing the SFC structure of vue file

• Work type: Individual
• Means of aid:
  • W3School VUE Introduction
  • W3School VUE Playground
• Timeframe: 10 Minutes
• Expected result: Copy of a vue script, that greets the world. Saved on the W3School workspace.

You have learnt that W3School provides us with a playground to mess around without any harm. As always, we start with our „Hello World“.

1. Open the playground with the link above. You will be presented with a splited window on which on the right hand side you will see the coding area, and on the right hand side the result area.
2. Currently there is a Hello World message with a lightgreen background.
3. Add a new variable message2 and greet with it the Galaxy.
4. Change the background colour to red.
5. Execute the changes by bushing the RUN-Button.
6. Check the result .

Lösung

Volkan Demir