1. 遍历数组:在遍历数组时,for的第一个参数value会返回数组中每个元素的值,而第二个参数是得到数组中元素的下标
例如:
<ul>
<li v-for="(value, index) in items" :key="value">
{{index}}:{{ value }}
</li>
</ul>
items:[1,2,3,4]
输出:
2. 遍历对象:在遍历的对象时,for的第一个参数value会返回对象中每个元素的值,而第二个参数在遍历数组时是得到数组中元素的下标,而在对象中是得到对象中属性的属性名(相当于索引名)
例如:
<div v-for="(value, index) in object" :key="index"> {{ index }}: {{ value }}</div>
object:{a:1,b:2,c:3}
输出:
3. 遍历数组对象:遍历数组中每个对象元素进行循环。和遍历数组元素类似,只是遍历的值是一个对象罢了
例如:
<div v-for="(item,index) in items" :key="index">
{{ value }}:{{ index }}
</div>
items:[{a:1},{b:2},{c:3}]
输出: