vue學習(十一) v-for使用的注意事項：2.2.0+以後的版本里，當在組件中使用v-for時，key是必須的，它是用來表示惟一身份的

//html
<div id="app">
　　<div>
　　　<label>id
　　　　<input type="text" v-model="id"/>
　　　</label>
　　
　　　<label>name
　　　　　<input type="text" v-model="name"/>
　　　</label>

　　　<input type="button" value="添加" @click="add"/>
　　</div>
　　//注意v-for循環的時候， key屬性只能使用string或者number
　　//注意key在使用的時候 必須使用v-bind 屬性綁定的形式，指定key的值
　　<p v-for="item in list" v-bind:key="item.id">
　　　　<input type="checkbox"/>{{item.id}}---
　　　　{{item.name}}
　　</p>
</div>

//script
<script>
　　var vm = new Vue({
　　　　el:'app',
　　　　data:{
　　　　　　id:'',
　　　　　　name:'',
　　　　　　list:[
　　　　　　　　{id:1, name:'韓非'}，
　　　　　　　　{id:2, name:'魏莊'}，
　　　　　　　　{id:3, name:'張良'},
　　　　　　　　{id:4, name:'紫女'}
　　　　　　]
　　　　},
　　　　methods:{//methods中定義了當前vue實例中全部可用的方法
　　　　　 add(){
　　　　　　　　this.list.unshift({id: this.id, name: this.name})
　　　　　　}
　　　　}
　　})
</script>

注意：

在組件中，使用v-for循環的時候，或者在一些特殊狀況下，若是v-for有問題，必須在使用v-for的同時，指定惟一的字符串、數字類型的key，而且要爲key使用v-bind