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}}
可以用 of 替代 in 作为分隔符,因为它更接近JavaScript 的迭代器语法·
在 v-for中使用对象
通过v-for来遍历一个对象的property
- { { Value }}
New Vue({
El: ‘#v-for-object’,
Data:{
Object:{
Title:‘How to do lists in