v-for

1. 作用：基于数据循环，多次渲染整个元素（可以遍历 数组、对象、数字 ......）

2. 遍历数组语法：v-for = "(item, index) in 数组名" （item：遍历时的每一项；index：遍历时的下标）

                             如果不需要下标，则可以简写：v-for = "item in 数组名" 

 

                             eg：data里定义变量 list: ['西瓜', '苹果', '草莓']

                             <div v-for = "(item, index) in list"    :key = "item.id">

                                   {{ item }} //依次展示西瓜 苹果 草莓

                            </div>

 

3. v-for 中的 key：

            ①作用：给元素添加唯一标识，便于Vue进行列表项的正确排序复用

            ②语法：key属性 = "唯一标识"

            ③注意点：

                       1. key 的值只能是字符串或数字类型

                       2. key 的值必须具有唯一性

                       3. 推荐使用 id 作为 key（唯一），不推荐使用 index 作为 key（会变化，不对应）