Vue基础（2）---> v-for的用法

v-for的使用

v-for遍历普通数组

1 <p v-for="(item,i) in list">索引值：{{i}} --- 每一项：{{item}}</p>

v-for遍历对象数组

1 <p v-for="(user, i) in list">Id：{{ user.id }} --- 名字：{{ user.name }} --- 索引：{{i}}</p>

v-for遍历对象

1 <!-- 注意：在遍历对象身上的键值对的时候， 除了 有  val  key  ,在第三个位置还有 一个 索引  -->
2 <p v-for="(val, key, i) in user">值是： {{ val }} --- 键是： {{key}} -- 索引： {{i}}</p>

v-for迭代数字

1 <p v-for="count in 20">这是第 {{ count }} 次循环</p>