Vue2 0 v for 中 key 到底有什麼用?

時間 2021-05-11 20:31:15

1樓:職座標

簡單來說,key是為了給Vue乙個提示,以便它能跟蹤每個節點的身份,從而重用和重新排序現有元素,簡單來說就是為了讓vue可以區分標籤,觸發對應的效果。可以理解為是乙個身份證的效果。

2樓:Loading

為了讓vue知道你操作的到底是迴圈出來的哪乙個元素,在一些情況下避免出現意料之外的的結果。所以key不推薦index也不能重複 。

3樓:Mr.kangaroo

key的作用很簡單,就是為了復用。正是因為會復用,所以用index來做key會出現復用錯的問題。

比如[10,11,12],對應key是0,1,2,如果我把11這項刪了,就是[10,12],key是0,1,這是發現11對應的key和12對應的key都是1,既然相同,那就復用咯,然後不應該復用的。

不要聽那些亂七八糟的分析了!

4樓:行甫

這個是vue的乙個優化,為了精準高效的更新dom。

相當於使用key給陣列某個元素繫結在一起,如果那個key對應的資料發生變化,直接更新對應的dom就行,不用全部更新一遍。

5樓:

三胞胎戰成一排,你怎麼知道誰是老大?

如果老大皮了一下子,和老三換了一下位置,你又如何區分出來?

給他們掛個牌牌,寫上老大、老

二、老三。

這樣就不會認錯了。key就是這個作用。

6樓:「已登出」

vue是通過比對元件自身新舊vdom進行更新的。

key的作用是輔助判斷新舊vdom節點在邏輯上是不是同乙個物件。

比如說陣列裡插入了一項,這就是很經典的例子。

另外就是有些時候v-if也會導致類似情況。

7樓:

vue沒用過,不過還是想答,感覺差不多。ng-repeat的時候,track by ,react裡面的map時候index索引。ng是遍歷資料層級淺的情況要新增,不然ng自動索引的可能會亂,層級深的沒這問題。

react迴圈遍歷也需要加乙個索引,屬性名我忘了,也是類似防它自動新增導致衝突。

C C 中 exit 函式的引數到底有什麼意義?

在windows中,可以 CreateProcess,得到乙個 handle。然後用 WaitForSingleObject 函式,等待這個程序退出,然後呼叫 BOOL GetExitCodeProcess HANDLE hProcess,LPDWORD lpExitCode 得到你在 exit 或...

也就是「Orange 在日本文化中到底有什麼重要的含義?

南雫 時隔這麼久,偶然翻到這一篇,覺得十分有緣便決定回答。是一種警惕的顏色,被多愁善感的人引申為孤獨脆弱的意思。而且 在日本的俚語既同性戀。 野口翔 作為乙個阿宅,得知叫 的曲子有三個,說實話題主拿出這個問題的時候我才發覺有這個問題。那麼我們就用我所知的三首歌來分析一下這個神秘的 色 神秘分割線 1...

籃球比賽中,強力前鋒(大前鋒)和中鋒,到底有什麼不同?

弱就是一種罪 1 身體方面,體重,身高,力量,速度方面都有差距。2 技術方面,中鋒更重視內線,基本不出來,當然現在小球時代,各個位置都變得差不多了。 丁叡 簡單來說中鋒的打法更靠籃下而大前鋒活動範圍更大需要具備一定的外線攻防技術 大前鋒就是往往是因為蓋帽不行才被迫打PF 身高臂展不夠的問題資料上大前...