1. 用于展示列表数据 2. 语法：v-for="(item, index) in xxx" :key="yyy" 3. 可遍历：数组、对象、字符串（不常用）、指定次数（不常用）
<body>
<div id="root">
<!-- 遍历数组 -->
<h2>人员列表</h2>
<ul>
<li v-for='p in persons' :key="p.id">
{{p.name}} - {{p.age}}
</li>
<li v-for='(p, index) in persons' :key="index">
{{p}} --- {{index}}
</li>
</ul>
<!-- 遍历对象 -->
<h2>汽车信息</h2>
<ul>
<li v-for="(value, key) of car">
{{key}} --- {{value}}
</li>
</ul>
<!-- 遍历字符串 -->
<h2>测试遍历字符串（不常用）</h2>
<ul>
<li v-for="(char, index) of str">
{{index}} --- {{char}}
</li>
</ul>
<!-- 遍历指定次数 -->
<h2>测试遍历指定次数（不常用）</h2>
<ul>
<li v-for="(num, index) of 5">
{{index}} --- {{num}}
</li>
</ul>
</div>
</body>
<script>
let vm = new Vue({
el: '#root',
data: {
persons: [
{
id: '001',
name: "张三",
age: 18,
},
{
id: '002',
name: "李四",
age: 19,
},
{
id: '003',
name: "王五",
age: 20,
}
],
car: {
name: '奥迪A8',
price: 700000,
color: '黑色'
},
str: 'hello',
}
})
</script>
标签：index,Vue,name,渲染,age,列表,---,id From： https://www.cnblogs.com/ximu1009/p/17778985.html