vue迴圈使用key的原因分析

2021-10-01 21:22:25 字數 422 閱讀 2874

幫助vue區分不同的元素,從而提高效能,

原因???

vue在處理dom元素的時候,他要區分出兄弟節點,他們彼此之間是不一樣的。如何區分?

給每乙個兄弟節點,標註乙個唯一標識key。原則就是key應該是唯一的,彼此之間不能一樣。這樣就方便vue在渲染資料的時候,很方便去分出是哪個資料,是給vue提供了方便,從而vue在渲染資料的時候,戶提高渲染效能。

如果我們就是不提供唯一的key,vue也是可以區分出兄弟節點之間的不同的。但是在區分起來就會變得很麻煩。需要更加複雜的演算法來區分,所以效能就會比較低。

v-for不僅可以用來遍歷陣列(item,index) in array,也可以用來遍歷物件(value,key,index)in object

for in 迴圈不推薦遍歷陣列,一般用來遍歷物件 for(var key in obj){}

v for使用key的原因

1.vue中列表迴圈需加 key 唯一標識 唯一標識最好是item裡面id等。因為vue元件高度復用,增加key可以標識元件的唯一性,更好地區別各個元件。key的作用主要是為了高效地更新虛擬dom。2.key主要用來做dom diff演算法用的,diff演算法是同級比較,比較當前標籤上的key還有它...

vue比react火的原因分析

其實從技術上來說vue對比react來說並沒有什麼優勢,畢竟react是facebook的出品,的質量肯定是沒問題的。那麼為什麼vue還是比react火呢?3 國內使用人數 乙個程式設計師能力再強,他也不能孤立於人群,vue在中國已經成型,很多程式設計師已經使用vue進行開發,假如乙個團隊,大部分的...

vue中key的作用

v for中為什麼要加key呢,這裡我給大家舉個栗子 沒有key text v model name add 新增 button div for item,i in list checkbox li ul 建立 vue 例項,得到 viewmodel var vm newvue methods th...