Example p304

This example demonstrates the Vue directives v-if, v-else-if and v-else.

Temperature: {{ temperature }}°C It's hot! pleasant weather It's cold, stay warm

Rain: {{ rain }}%

Try the following

• Change vm.rain to 30 or above to show the umbrella image.
• Change the vm.temperature to 6, 18, 30. check which message is shown/hidden by v-if and others.