9.列表渲染指令 v-for

目录

1  基本使用

2  使用索引

3  循环列表中的内容可以给子元素使用，也可以给自身使用

4  key

1  基本使用

• item名称可自定

2  使用索引

• item与index名称可自定

3  循环列表中的内容可以给子元素使用，也可以给自身使用

4  key

官方建议只要用到了v-for指令，一定要绑定一个key属性，而且尽量把id作为key的值(保证key值是唯一值，key的值不能重复)

• 绑定key和JSX有关，大致是有key属性渲染效率高
• 在后缀为vue的文件中，不绑定key属性会报错
• key的值类型只能为字符串或数字型
• 不要使用index作为key，因为index与内容没有绑定关系，比如在数据表中，id为1的name就是Suyu，但是索引不是，索引是和数据的顺序有关的
• 如果你拿到是数据没有id这一项，那么就先给他加上id，再使用v-for进行渲染

key属性在结构中是看不到的