浅谈VUE中演示v代表为什么要加键

  

说到这个问题想必要举个例子了
  

  

没有关键
  

        & lt; div id=坝τ谩北?   & lt; div>   & lt;输入类型=拔谋尽眝模型=皀ame”比;   & lt;按钮@click="添加"祝辞添加& lt;/button>   & lt;/div>   & lt; ul>   & lt;李v="项,我在清单”在   & lt;输入类型=案囱】颉北?{{item.name}}   & lt;/li>   & lt;/ul>   & lt; script>//创建Vue实例,得到视图模型   var vm=new Vue ({   埃尔:“#应用”,   数据:{   名称:”,   newId: 3,   列表:(   {id: 1,名字:“李斯”},   {id: 2、名称:“吕不韦"},   {id: 3、名称:“嬴政'}   ]   },   方法:{   add () {//注意这里是平移   this.list。未({id: + +。newId,名字:this.name})   this.name="   }   }   });   & lt;/script>   & lt;/div>   之前      

当选中吕不为时,添加楠楠后选中的确是李斯,并不是我们想要的结果,我们想要的是当添加楠楠后,一种选中的是吕不为

  

浅谈VUE中演示v代表为什么要加键”> <br/>
  </p>
  <p> <img src=   & lt; div id=坝τ谩北?   & lt; div>   & lt;输入类型=拔谋尽眝模型=皀ame”比;   & lt;按钮@click="添加"祝辞添加& lt;/button>   & lt;/div>   & lt; ul>   & lt;李v=懊ァ?项目,i):关键=癷tem.id”比;   & lt;输入类型=案囱】颉北?{{item.name}}   & lt;/li>   & lt;/ul>   & lt; script>//创建Vue实例,得到视图模型   var vm=new Vue ({   埃尔:“#应用”,   数据:{   名称:”,   newId: 3,   列表:(   {id: 1,名字:“李斯”},   {id: 2、名称:“吕不韦"},   {id: 3、名称:“嬴政'}   ]   },   方法:{   add () {//注意这里是平移   this.list。未({id: + +。newId,名字:this.name})   this.name="   }   }   });   & lt;/script>   & lt;/div>   之前      

同样当选中吕不为时,添加楠楠后依旧选中的是吕不为。

  

浅谈VUE中演示v代表为什么要加键”> </p>
  <p> <img src=浅谈VUE中演示v代表为什么要加键