Example p306

This example demonstrates using v-for in a template to show a simple nested data structure, namely an array of objects.

Weather on {{ date }}

{{ c.cityName }}

{{ c.temperature }}°C

Try the following

• Change data in vm.city and check that the view is updated.
• Add the weather information for another city, e.g. vm.city.push( { cityName: 'Coimbra', temperature: 19, condition: 'cloudy' } )