v-for
1. 作用:基于数据循环,多次渲染整个元素(可以遍历 数组、对象、数字 ......)
2. 遍历数组语法:v-for = "(item, index) in 数组名" (item:遍历时的每一项;index:遍历时的下标)
如果不需要下标,则可以简写:v-for = "item in 数组名"
eg:data里定义变量 list: ['西瓜', '苹果', '草莓']
<div v-for = "(item, index) in list" :key = "item.id">
{{ item }} //依次展示西瓜 苹果 草莓
</div>
3. v-for 中的 key:
①作用:给元素添加唯一标识,便于Vue进行列表项的正确排序复用
②语法:key属性 = "唯一标识"
③注意点:
1. key 的值只能是字符串或数字类型
2. key 的值必须具有唯一性
3. 推荐使用 id 作为 key(唯一),不推荐使用 index 作为 key(会变化,不对应)