在Vue.js開發中,key=index是一個常見的技術,它用于為列表渲染中的每個元素綁定唯一的key屬性,以便能夠高效地更新DOM。
下面是一個示例代碼:
<ul>
<li v-for="(item, index) in menuList" :key="index">
{{ item }}
</li>
</ul>
在上面的代碼中,v-for是Vue.js提供的名為列表渲染的指令,menuList是要循環渲染的數組,item是當前循環項的值,而index則是當前循環項的索引。當我們使用:key="index"時,Vue.js會根據索引來追蹤每個節點的標識,從而可以高效地更新DOM。
當我們沒有設置key屬性時,每次更新時Vue.js需要進行全量比對,并刪除和重新創建節點。而有了:key="index",Vue.js只需要查看每個節點的index值是否有變化,如果沒有變化,就不需要更新該節點,從而可以大大提高性能。