<body>
<div id="app">
<ul>
<li v-for="(i,index) in arr"> {{ (index+1) + " " + i }} </li>
</ul>
<ul>
<!-- 遍历对象中 获取key value 格式(value,key) -->
<li v-for="(value,key) in list"> {{ key+":" +" "+ value }} </li>
</ul>
</div>
<script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script>
<script>
const app = new Vue({
el: '#app',
data: {
arr: ["red", 'pink', "blue", "yellow"], // 遍历数组
list: {
name: "lalal", // 遍历对象
age: 17,
height: 162
}
}
})
</script>
</body>