可以使用操作数组（item,index)
可以使用操作对象（value,key,value)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>v-for</title>
</head>
<body>
<div id="box">
<ul>
<li v-for="(stu,index) in stus" v-bind:key="index">
index:{{index}},stu:{{stu}}
</li>
<!--使用对象的方式--><hr />
<li v-for="(value,key,index) in person" v-bind:key="index">
value:{{value}}
key:{{key}}
index:{{index}}
</li>
</ul>
</div>
<script src="js/vue.min.js"></script>
<script>
var vm = new Vue({
el: '#box',
data: {
stus:[{name:'jack',score:'A'},{name:'rose',score:'B'}],
person:{name:'1',alise:'迈克'}
}
})
</script>
</body>
</html>复制代码key 是类似于trank by 的一个属性
为的是告诉vue,js中的元素，与页面之间的关联，当识图删除元素的时候
是单个元素的删除而不是正版替换，所以需要关联其关系，设置（必须，性能） 2.xxx之后必须设置
141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
