<body>
<div id="app">
<ul>
<!--要循环谁就在谁身上加v-for属性-->
<li v-for="fruit in fruits">{{fruit.name}}</li>
</ul>
</div>
<script>
//vue会循环data当中的数据，（数据劫持） 以此增加getter和setter
var vm = new Vue({
el:'#app',
data: {
fruits: [{ name: '香蕉', color: ['green', 'yellow'] }, { name: '苹果', color: ['red', 'green', 'yellow'] }, { name: '西瓜', color: ['pink'] }]
}
});
</script>
</body>
vue 数组的循环 v-for
猜你喜欢
转载自www.cnblogs.com/yagamilight/p/11071392.html
周排行