#vue# 【十五】v-for的两种常见用法

#Vue# v-for的两种常见用法

v-for的两种情况

第一种情况，纯循环

v-for="item in 数字"
//代表加上这个v-for的盒子或者标签，复制出相同的数

示例：

  <el-carousel :interval="5000" arrow="always">
    <el-carousel-item v-for="item in 4" :key="item">
      <h3>{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>

就代表要把下面这个，复制3次出来
 <el-carousel-item v-for="item in 4" :key="item">
      <h3>{{ item }}</h3>
    </el-carousel-item>
    

第二种情况

<ul>
		<li v-for="（item, index） in persons"> {{ item.name }} </li>
	</ul>

在表达式中，
persons是数据，item是当前的一条数据， index代表当前索引值。
当遍历对象属性时候，有两个可选参数，分别键名和索引值。