<div v-for="item in items" :key="item.id"> <!-- 內容 --> </div>

1.如果數據更新的有相同的數據就會直接利用key去渲染，有相同父元素的子元素必須有獨特的key。重復的key會造成渲染錯誤。
2.key的用法一般是:key=‘id’，意思是為元素綁定一個key屬性，這個key屬性為元素添加了一個唯一身份標識符。當數據改變，Vue底層通過對比能夠更快的獲取到更新的內容并顯示到頁面上。

key 的特殊屬性主要用在 Vue的虛擬DOM算法，在新舊nodes對比時辨識VNodes。如果不使用key，Vue會使用一種最大限度減少動態元素并且盡可能的嘗試修復/再利用相同類型元素的算法。使用key，它會基于key的變化重新排列元素順序，并且會移除key不存在的元素。

總之就是一句話，key屬性能夠提升性能(主要作用于數據更新時)。

總結

以上是生活随笔為你收集整理的vue 2.0 :key的作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。