将数组数据放在列表里
<script>
window.onload = function () {
var vm = new Vue({
el: '.box',
data: {
itemList: [1, 2, 3, 4, 5],
indexList: ['a', 'b', 'c', 'd'],
oObjData: {
name: 'qiaofeng',
age: 25
},
},
})
}
</script>
<body>
<ul class="box">
<!-- 普通列表 -->
<li v-for='item in itemList'>{{item}}</li>
<!-- 需要下标的列表 -->
<li v-for='(item, index) in indexList'>{{item}}--{{index}}</li>
<!-- 有且只有一个对象 -->
<li v-for='(obj, key) in oObjData'>{{obj}}---{{key}}</li>
</ul>
</body>