简单Vue
0 1

在Vue的v-for循环中,key有什么作用?

【概念释义】

key 给 vnode 稳定身份,diff 时复用/重排 DOM。应用唯一稳定 id,勿用 index(排序/插入会错位)。key 应写在 v-for 同一元素(或 template tag)。

【基础使用】

vue
<li v-for="item in list" :key="item.id">{{ item.name }}</li>

<!-- 反模式 -->
<li v-for="(item, i) in list" :key="i">

【版本差异】

Vue 2/3 均需 key;Vue 3 Fragment 多根每项也要 key。

登录查看完整 613

回答讨论

暂无讨论,登录后可抢先发言

本题库更多题目(50)