vue ——列表渲染 v-for

 vue 提供了v-for列表渲染指令，用来辅助开发者基于一个数组来循环渲染一个列表结构。v-for指令需要使用item in items形式的特殊语法。其中，items是待循环的数组，item是被循环的每一项。

v-for指令还支持一个可选的第二参数，即当前项的索引，语法格式为：（item,index）in items

⚠️：v-for指令中的item项和index索引都是形参，可以根据需要进行重命名

key的注意事项

1. key的值只能是字符串或数字类型
2. key的值必须具有唯一性
3. 建议把数据项的id属性的值作为key的值
4. 使用index的值当作key的值没有任何意义（因为index的值不具有唯一性）
5. 建议使用v-for 指令时一定要使用key的值（既提升性能，又防止列表状态紊乱）