vue中key的作用以及原理

2021-10-10 05:19:37 字數 503 閱讀 4167

key的作用:在diff演算法執行時,更快的找到對應的節點,高效的更新虛擬dom,

key是具有唯一性的,所以在每次for迴圈的時候,我們需要key給每個節點做唯一的標識,唯一標識可以使item裡面id index 等 然後diff演算法就可以正確的識別此節點,找到正確的位置插入新的節點,

vue 會盡可能高效地渲染元素,通常會復用已有元素而不是從頭開始渲染。這麼做使 vue 變得非常快,但是這樣也不總是符合實際需求。

2.2.0+ 的版本裡,當在元件中使用 v-for 時,key 是必須的

原理: key的作用主要是高效的更新虛擬dom, 其原理是vue 在patch中的patchvode下的updatechildren 會處理新老子節點 可以通過 key精準判斷倆個節點是否是同乙個,如果沒有加key就會強應的更新,從而會有頻繁的更新過程,效能會很差,加了key還會可以使整個patch 過程更加高效,減少dom 操作,提高效能

vue中key的作用及其原理

key的作用是為了在diff演算法執行時更快的找到對應的節點,提高diff速度 key具有唯一性 vue中迴圈需加 key 唯一標識 唯一標識可以使item裡面id index 等,因為vue元件高度復用增加key可以標識元件的唯一性,為了更好地區別各個元件key的作用主要是為了高效的更新虛擬dom...

stdafx h的作用以及原理

vc工程裡面經常見到stdafx.h這個標頭檔案,以前也沒有特別注意,但是這個檔案用不好經常會出錯,所以就google了一下,總算是弄清楚了。所謂標頭檔案預編譯,就是把乙個工程 project 中使用的一些mfc標準標頭檔案 如windows.h afxwin.h 預先編譯,以後該工程編譯時,不再編...

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...