1、目标

列表渲染，所在标签结构，按照数据数量，循环生成

2、语法

v-for ="(值变量，索引变量) in 目标结构"

示例：

<template><div id="app"><div><li v-for="(item ,index) in arr" :key="index">{{ item }}</li></div> </div> 
</template>
<script>
export default {data(){return{arr:["小明","小张","小王"]}},
}
</script>

语法

v-for = " 值变量 in 目标结构"

<template><div id="app"><div><li v-for="item in stuarr" :key="item.id"><span>{{ item.id }}</span><span>{{ item.name }}</span><span>{{ item.age }}</span></li></div></div></template><script>export default {data(){return{stuarr:[{id:111,name:"张三",age:10},{id:222,name:"李四",age:20}]}},}
</script>