VUE-列表渲染

v-for把一个数组对应为一组元素

通过v-for指令基于一个数组来渲染整个列表，在v-for指令中需要使用item in items形式的特殊语法，其中 items是元数据数组，item则代表别迭代数组的别名。

• { {item.message}}

Var example1 = new Vue({
El: ‘#example-1’
Data:{

	Items:[
		{message : 'Foo'},
		{message: 'Bar}
		]
	}
}

})
结果：

• { {parentMessage}}-{ {index}}-{ {item.message}}

Var example1 = new Vue({ El : '#example-2' Data:{ parentMessage : 'Parent', Items:[ {message : 'Foo'}, {message: 'Bar} ] } } })

可以用 of 替代 in 作为分隔符，因为它更接近JavaScript 的迭代器语法·

在 v-for中使用对象
通过v-for来遍历一个对象的property

• { { Value }}

New Vue({
El: ‘#v-for-object’,
Data:{
Object:{
Title:‘How to do lists in