Example p305

This example uses the Vue directives v-for to duplicate some HTML code to show the entries of the array property vm.sport.

Try the following

• Check vm.sport in source code and in the console. It is not exactly a JavaScript array object, but it has similar methods as an array does.
• Add and remove items to vm.sport, e.g. vm.sport.push('tennis'), vm.sport[0] = 'badminton'
• Empty the property by vm.sport=[]. Check how v-if is used to show a message instead of an empty list.