4.1.6 列表渲染指令

v-for列表渲染指令 用于基于一个数组来循环渲染一个列表结构

写法：v-for="item in 待循环的数组"  item参数为被循环的每一项（必选）（只有一个参数的写法）

v-for="(item,index) in 待循环的数组" index参数为当前项的索引（可选）（两个参数的写法）

待循环的数组如果是[{ 属性1:'属性值1',属性2:'属性值2'  },{ 属性1:'属性值1',属性2:'属性值2' },...] 即可以通过 item.属性 循环渲染待循环的数组中所有该属性的属性值

如：<p>{{ item.id }}</p> 即可以得到 <p>第一项的id值</p> <p>第二项的id值</p> ...

index可选参数为当前项的索引，自带的，不需要在data待循环的数组里面去声明，从0开始

两个参数item和index都是形参，可以自行重命名

使用v-for循环渲染时，必须在后面加上 :key="字符串或者数字" 常用item.id