Vue.js笔记------v-for

       使用 v-for 指令把数组的选项列表进行渲染。 v-for 指令需要使用 item in items 形式的特殊语法， items 是源数据数组， item 是数组元素迭代的别名

一. v-for遍历数组

二. v-for遍历对象

三.v-for遍历数字

四.v-for中的key

 

现象:当我勾了小红,然后在下标1的位置添加了赵六,结果发现勾给了赵六,小红自己没勾了。

        原因:v-for会尝试最大限度的复用当前元素，导致状态绑定错乱。

        解决:在v-for后加上一个key属性,key绑定这个数据的唯一值(一般是id,不能是字符串和数字类型)。