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>