v-for 遍历数组/对象的区别

v-for 遍历数组

// array: ['A', 'B', 'C']

// item是value, 输出"a,b,c"
<li v-for="item in array">{{item}}</li> 

// item是value, indexw是索引, 输出"0.a, 1.b, 2.c"
<li v-for="(item,index) in array">{{index}}.{{item}}</li>

v-for 遍历对象

// object: {id: 1, name: 'xx'}

// item是value,输出"1, xx"
<li v-for="item in object">{{item}}</li>

// 输出"1-id, xx-name"
<li v-for="(value,key) in info">{{value}}-{{key}}</li>

// 输出"0-1-id, 1-xx-name"
<li v-for="(value,key,index) in info">{{index}}-{{value}}-{{key}}</li>