v-for

作用:列表渲染,遍历容器的元素或者对象的属性
语法: <tr v-for="(item,index) in items" :key="item.id"> {{item}}</tr>
参数说明:
items 为遍历的数组
item 为遍历出来的元素
index 为索引/下标,从0开始 ;可以省略,省略index语法: v-for="item in items"
key:
作用:给元素添加的唯一标识,便于vue进行列表项的正确排序复用,提升渲染性能
推荐使用id作为key(唯一),不推荐使用index作为key(会变化,不对应)

遍历的数组,必须在data中定义 要想让哪个标签循环展示多次,就在哪个标签上使用 v-for 指令

items是数组,注意items: [{},{},{}] 冒号后面是方括号

posted @ 2025-07-05 17:49  休玛  阅读(76)  评论(0)    收藏  举报