v-for · VUE · 看云

## v-for 注意:在2.2+的版本中,使用v-for时,key现在是必须添加的.因为vue"就地复用"的原则. ``` <body> <div id="app"> <p>{{list[0]}}</p>  <p v-for="(item,i) of list" :key="i">{{i}}----{{item}}</p> //这里要绑定key,key只能使用number或者steing  <p v-for="(user,i) of obj">{{i}}---{{user.id}}----{{user.name}}</p>  <p v-for="(val,key) of user">{{key}}--{{val}}</p>  <p v-for="count of 10">{{count}}</p> </div> </body> <script> new Vue({ el: '#app', data: { list: [1, 2, 4, 5, 6], obj: [ {id: 1, name: '张三'}, {id: 2, name: '李四'}, {id: 3, name: '王五'}, ], user: { name: 'jack', age: 20, height: 180, } } }) </script> ```