在vue中对数组或对象进行遍历可以通过v-for指令实现
(一)语法:
<标签 v-for="(遍历出来的小单元, 小单元下标) in 目标"></标签>
<标签 v-for="遍历出来的小单元 in 目标"></标签>
注意:
遍历的同时会重复创建使用v-for的html标签
(二)v-for 可以遍历数组和对象。
A-)数组
B-)对象
(三):key用法
1-)在2.2.0+版本里边,v-for使用的同时必须使用:key,以便vue能跟踪每个节点,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性值 ,用以可以代表每个遍历项目
2-)有相同父元素的子元素必须有独特的 key, 值不要重复,否则会渲染错误
---准确来讲 完整版是 <标签 v-for=" (item index) in 目标" :key="item.id"></标签>---