当Vue.js用v-for正在更新已渲染过的元素列表时,默认用“就地复用”策略。
如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的顺序,而是简单复用此处每个元素,并确保它在特定索引下显示已被渲染过的每个元素。
为了给Vue提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,需要为每项提供一个唯一key属性。
v-for循环中key属性的使用
<div id="app">
<div>
<label>Id:
<input type="text" v-model="id">
</label>
<label>Name:
<input type="text" v-model="name">
</label>
<input type=