課程
/前端開發(fā)
/Vue.js
/vue2.5入門
綁定key屬性這塊老師沒有展開講，查了相關(guān)資料說的不太通俗，老師能給予通俗好理解的解答么，謝謝。
2019-03-01
源自：vue2.5入門 3-1
正在回答
一句話來說: key值是為了虛擬dom的比對 .
展開來說: 頁面上的標(biāo)簽都對應(yīng)具體的虛擬dom對象(虛擬dom就是js對象), 循環(huán)中 ,如果沒有唯一key , 頁面上刪除一條標(biāo)簽, 由于并不知道刪除的是那一條! 所以要吧全部虛擬dom重新渲染, 如果知道key為x標(biāo)簽被刪除掉, 只需要把渲染的dom為x的標(biāo)簽去掉即可!?
描述其實不是很詳細(xì), 其中還有dom比對的過程,不過大概的意思已經(jīng)描述出來了!
這個未來優(yōu)化代碼，提高循環(huán)效率
舉報
快速理解Vue編程理念上手Vue2.0開發(fā)。
1 回答v-for綁定key重復(fù)
4 回答v-model 怎么知道雙向綁定的是input的哪個屬性，為什么知道會綁定value屬性？
2 回答關(guān)于v-for的各種屬性
2 回答《tolist》標(biāo)簽在buider-x中不能用v-for屬性
2 回答v-bind綁定
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-03-05
一句話來說: key值是為了虛擬dom的比對 .
展開來說: 頁面上的標(biāo)簽都對應(yīng)具體的虛擬dom對象(虛擬dom就是js對象), 循環(huán)中 ,如果沒有唯一key , 頁面上刪除一條標(biāo)簽, 由于并不知道刪除的是那一條! 所以要吧全部虛擬dom重新渲染, 如果知道key為x標(biāo)簽被刪除掉, 只需要把渲染的dom為x的標(biāo)簽去掉即可!?
描述其實不是很詳細(xì), 其中還有dom比對的過程,不過大概的意思已經(jīng)描述出來了!
2019-03-01
這個未來優(yōu)化代碼，提高循環(huán)效率