v-for参数详解

v-for遍历数字

count in 5
输出：
1
2
3
4
5

v-for遍历对象

JS定义：obj:{id:1, name:first, sex:man}
HTML定义：(val, key, index) in obj
解析：val——值，key——键，index——索引
输出：
1，id，0
first，name，1
man，sex，2

v-for遍历数组

JS定义：list:[a, b, c, d, e]
HTML定义：(item, index) in list
解析：item——值，index——索引
输出：
a，0
b，1
c，2
d，3
e，4

v-for遍历对象数组

JS定义：list:[{id:1a, name:first},{id:2b, name:second}]
HTML定义：(item, index) in list
解析：item——对象，index——索引
输出：
{id:1a, name:first}，0
{id:2b, name:second}，1

PS：尽量不要用index来作为v-for中key的值！！！

解析：v-for中key的作用主要是为了高效的更新虛拟DOM，如用index作为key的值无法提高渲染性能，造成渲染效率低的情况出现。