有人可以解釋這兩個v-for結構之間的區別是什么：
<li v-for="item in items" :key="item">
</li>和
<li v-for="(item, i) in items" :key="i">
</li>uj5u.com熱心網友回復：
Vue 要求 av-for中的所有專案都是“ key -ed”。密鑰用于唯一標識每個元素。這并不意味著如果您不使用key. 它會警告它可能無法檢測到所有更改。
“ key”對 Vue 來說特別有用和重要，因為它允許它跳過未更改的重新渲染專案。
當在呈現的集合中檢測到重復鍵時，Vue 將發出警告。
另一個 Vue 建議是“鍵”是原語（strings 或numbers）。當您指定非原始鍵時，Vue 將再次發出警告。
鑒于上述所有建議，在渲染一組獨特的基元時，使用
<div v-for="item in items" :key="item" />
...完全可以接受，因為它滿足要求：每個鍵都是原始且唯一的。
因此，如果您更改專案的順序，Vue 將能夠重用現有的 DOM 元素并執行任何移動轉換（如果您指定了）。測驗這實際上很有趣。考慮
:key="index"- 如果專案沒有獨特的價值。因此，為我們正在使用的每個迭代元素分配唯一鍵index。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/434621.html