vue key的說明 看到這文章,解決你的疑問

2021-08-21 18:25:24 字數 633 閱讀 5526

這是乙個系列,記錄我前端開發常用的**,小常識,有些是參考網上**,(講的可能有點爛,求不要打臉,嚶嚶嚶~~)送給那些需要的人。可以相互交流,喜歡的加我吧。

wx: lxp911221

:key是為vue的響應式渲染提供方法,在列表中單條資料改變的情況下,可以進行單獨渲染,減少頁面資源消耗。

當前頁面如果有列表渲染v-for,並且在v-for的迴圈標籤中沒有:key元素時,控制台會出現警告,我想對**有比較高追求的開發者都不會允許這一大片的黃色出現的吧,如下圖

v-for 預設行為試著不改變整體,而是替換元素。迫使其重新排序的元素,你需要提供乙個 key 的特殊屬性:

// 注意 item.id 中 id為item項中存在的唯一標識 

可以直接item,用index不生效,

*注意:頁面刪除某個item項,需要key值,不然出現狀態錯亂,親測

}div>一般來說,使用:key=」items.id」的屬性有利於**的優化,減少頁面資源消耗

下張會有原理介紹

看到的文章

今天心情很是煩躁,莫名其貌的難受,逛帖子的時候看到了這篇帖子,感覺不錯,拿出來大家分享一下!請朋友們做任何事情都要有決心,不怕苦,不怕累,我相信願望總有實現的一天!希望支援我的朋友堅持自己最初的理想,該猶豫時候猶豫,不該猶豫時大家都不要猶豫。我們都一起加油把,為了證明自己活著這個世界的意義,希望大家...

看到的比較好的文章 關於工期

今天看到有人問 老闆問做完某個功能要多長時間,怎麼回答 這個問題我也遇到過,特此做記錄。摘抄精華 1 這個很好回答,根據問你的人級別來,級別越高,你預估的時間越低。具體數字不重要,重要的是問你的人認不認同的你的數字。2 如果這個功能你比較熟悉,或者有相似的參考例項,正常報工作量即可 如果你不熟悉,但...

關於部落格文章被盜用的說明

起因 彙總部分彙總結果 盜用位址 盜用 挖礦病毒偽裝top命令占用cpu問題排查 熬雲電器網 小筆記 大資料量excel解析工具效能對比 it610 小筆記 springcloud feign子執行緒呼叫丟失request問題 指標式儀表自動讀書與識別系列 ambari2.7.3 hdp3.1.1環...