如果沒有這個(gè)屬性的時(shí)候vue應(yīng)用 in-place patch（就地復(fù)用）策略。列表里的順序發(fā)生改變的時(shí)候比如shuffle（列表打亂）的時(shí)候，vue為了提升性能，不會移動dom元素，只是更新相應(yīng)元素的內(nèi)容節(jié)點(diǎn)。

網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)的前奏，好的網(wǎng)頁設(shè)計(jì)更深度的剖析產(chǎn)品和設(shè)計(jì)風(fēng)格定位，結(jié)合最新的網(wǎng)頁設(shè)計(jì)流行趨勢，與WVI應(yīng)用標(biāo)準(zhǔn)，設(shè)計(jì)出具企業(yè)表現(xiàn)力，大器而深穩(wěn)的網(wǎng)站界面設(shè)。成都創(chuàng)新互聯(lián)于2013年開始,是成都網(wǎng)站建設(shè)公司:提供企業(yè)網(wǎng)站設(shè)計(jì),成都品牌網(wǎng)站建設(shè),營銷型企業(yè)網(wǎng)站建設(shè)方案,響應(yīng)式網(wǎng)站設(shè)計(jì),小程序設(shè)計(jì),專業(yè)建站公司做網(wǎng)站。

就地復(fù)用的弊端

這個(gè)默認(rèn)的模式是高效的，但是只適用于不依賴子組件狀態(tài)或臨時(shí) DOM 狀態(tài) (例如：表單輸入值) 的列表渲染輸出。

如上引用自官網(wǎng)，這個(gè)模式就是上面的“就地復(fù)用”策略。那么是不是依賴子組件狀態(tài)的列表渲染采用上面的模式就出問題了呢。如下測試代碼：

 

  

   
{{ item.title }}
   
{{ item.des }}
   
  
  
 

當(dāng)前標(biāo)題：詳解如何理解vue的key屬性-創(chuàng)新互聯(lián)
新聞來源：http://weahome.cn/article/dgppch.html