列表渲染v-for

列表渲染指令

1. v-for 迭代数组
   语法： v-for="(alias, index) in array"
   说明： alias : 数组元素迭代的别名； index : 数组索引值从0开始(可选)
   举例：

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

`items` 是源数据数组， `item` 是数组元素迭代的别名。
 ==注意：使用 `key` 特殊属性， 它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素==

2. v-for 迭代对象的属性
   语法： v-for="(value, key, index) in Object"
   说明： value : 每个对象的属性值; key : 属性名(可选); index : 索引值(可选) 。
   举例：

<div v-for="value in object" ></div> 
<div v-for