v-for

Why not always use the index as the key in a vue.js for loop?

ⅰ亾dé卋堺 提交于 2019-11-27 05:06:28
I have used vue.js for a couple of projects and I have been using the index as the key in the for loops <div v-for="(item, index) in items" :key="index"></div> ...and have started to wonder if there are problems with that since examples usually use the ID of the item. <div v-for="(item, index) in items" :key="item.ID"></div> Because arrays are mutable . The index of any given item can and will change if items are added to or removed from the array. You want your key to be a unique value identifying only your unique component. A primary key that you create is always better than using an index.

Why not always use the index as the key in a vue.js for loop?

断了今生、忘了曾经 提交于 2019-11-26 08:29:35
问题 I have used vue.js for a couple of projects and I have been using the index as the key in the for loops <div v-for=\"(item, index) in items\" :key=\"index\"></div> ...and have started to wonder if there are problems with that since examples usually use the ID of the item. <div v-for=\"(item, index) in items\" :key=\"item.ID\"></div> 回答1: Because arrays are mutable . The index of any given item can and will change if items are added to or removed from the array. You want your key to be a