當Vue在進行列表渲染的時候,Vue會直接對已有的標簽就地更新,並不會將所有的標簽全部重新刪除和重建,只會重新渲染數據,然後再創建新的元素直到數據渲染完為止。
key屬性可以用來提升v-for渲染的效率,vue中使用v-for渲染數據的時候,並不會去改變原有的元素和數據,而是創建新的元素,再把新的數據渲染進去。
下面舉個例子看看加key屬性和不加key屬性的區別:
註意:key屬性的取值必須是 number 或者 string,不能是對象,而且使用 v-for 循環的每壹項的值,都必須保證唯壹性。