【VUE复习·9】v-for 基础用法（循环渲染也叫列表渲染）

总览

1.v-for 都能循环什么
2.用法

一、v-for 都能遍历什么

能循环的东西包括：数组、对象、字符串（和java里面的3个引用数据类型一样）、纯粹循环数量（少用）

二、用法

1.用法1：简单循环（遍历数组）

注意 {{ }} 里面的写法。

2.用法2：“:key” 动态绑定数据 的用法

“:key” 就是说，根据什么来遍历。
默认为 index，也就是自动生成的唯一id。
当然了，我们可以指定让它根据我们规定的自己的数据的 id 进行遍历：

3.用法3：v-for 中遍历时可以是两个属性：数据 和 index

可以看到我们采用了这种写法： v-for=“(a,b,c) in persons”（用 of 和 in 都可）
这种写法，我们遍历到的是两个（虽然我们写了3个，但是不管写几个都只有前两个生效。它们分别代表引用数据类型的 json 数据 和 自动索引 index）

4.用法4：简单循环（遍历对象）

能够看到对象内的键值对。

5.用法5：遍历字符串 和 纯粹循环数量

这个自己看视频吧。用得不多。
https://www.bilibili.com/video/BV1Zy4y1K7SH?p=29&spm_id_from=pageDriver&vd_source=38d6ea3466db371e6c07c24eed03219b