鍍金池/ 問答/HTML/ 請問vue的v-for不加key具體會出現(xiàn)什么情況呢

請問vue的v-for不加key具體會出現(xiàn)什么情況呢

當 Vue 更新已使用 v-for 渲染的元素列表時，默認會采用“就地填充”策略。如果數(shù)據(jù)項的順序發(fā)生了變化，不是移動 DOM 元素來匹配列表項的順序，Vue 會將每個元素填充到恰當?shù)奈恢?，并且確保最終反映為，在該特定索引處放置應(yīng)該呈現(xiàn)的內(nèi)容

這是文檔里的說法，可是一直沒有遇見過具體的錯誤情況，我不加key，修改循環(huán)的數(shù)組的時候好像也沒什么問題，有大佬可以解惑一下嗎

回答
編輯回答
雅痞

key是用來標識唯一的吧，如果不加，vue在某些情況下，比如切換會話渲染不同人的聊天記錄，會復(fù)用之前的節(jié)點，至少我遇到過聊天記錄的最上面一行分割時間（每個會話都有這行）時，出現(xiàn)過這問題，我是加上key之后解決了

2018年5月10日 16:49
編輯回答
無標題

會報警告～
既然推薦要加上key就加上吧，實在沒有key把v-for的index作為key

2017年6月23日 01:48
編輯回答
薄荷綠

倒不會出現(xiàn)什么明顯的問題，只是對 Vue 來說有 key 會讓它的性能更好。
不過在使用 transition 的時候的確可能會出現(xiàn)看得見的問題。

2017年6月14日 23:30
編輯回答
卟乖

好像官方說的是優(yōu)化性能，根據(jù)唯一的索引值進行改變，其他不涉及到的就觸發(fā)計算之類的

2018年7月7日 23:33
編輯回答
涼心人

說實話，一兩句話說不清楚，要深究這個問題牽扯的有點兒多，在知乎上找了篇文章，看能不能對你有所幫助！https://www.zhihu.com/questio...

2017年1月7日 07:31
編輯回答
離觴
  • 控制臺d黃色警告(個人不喜歡警告和報錯)
  • <transition-group>下面不加的話，拋異常
2017年1月15日 02:11