建站
咨詢
售后
建站咨詢
新聞中心
#概覽
專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)雷州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
- 新增：對(duì)于
v-if/v-else/v-else-if的各分支項(xiàng)key將不再是必須的，因?yàn)楝F(xiàn)在 Vue 會(huì)自動(dòng)生成唯一的key。
- 非兼容：如果你手動(dòng)提供
key，那么每個(gè)分支必須使用唯一的key。你不能通過(guò)故意使用相同的key來(lái)強(qiáng)制重用分支。
- 非兼容：
的key應(yīng)該設(shè)置在標(biāo)簽上 (而不是設(shè)置在它的子節(jié)點(diǎn)上)。
#背景
特殊的 key attribute 被用于提示 Vue 的虛擬 DOM 算法來(lái)保持對(duì)節(jié)點(diǎn)身份的持續(xù)跟蹤。這樣 Vue 可以知道何時(shí)能夠重用和修補(bǔ)現(xiàn)有節(jié)點(diǎn)，以及何時(shí)需要對(duì)它們重新排序或重新創(chuàng)建。關(guān)于其它更多信息，可以查看以下章節(jié)：
- 列表渲染：維護(hù)狀態(tài)
- API 參考：特殊指令
key
#在條件分支中
Vue 2.x 建議在 v-if/v-else/v-else-if 的分支中使用 key。
Yes
No 這個(gè)示例在 Vue 3.x 中仍能正常工作。但是我們不再建議在 v-if/v-else/v-else-if 的分支中繼續(xù)使用 key attribute，因?yàn)闆](méi)有為條件分支提供 key 時(shí)，也會(huì)自動(dòng)生成唯一的 key。
Yes
No 非兼容變更體現(xiàn)在如果你手動(dòng)提供了 key，那么每個(gè)分支都必須使用一個(gè)唯一的 key。因此大多數(shù)情況下都不需要設(shè)置這些 key。
Yes
No
Yes
No
Yes
No#結(jié)合
在 Vue 2.x 中 標(biāo)簽不能擁有 key。不過(guò)你可以為其每個(gè)子節(jié)點(diǎn)分別設(shè)置 key。
...
...
在 Vue 3.x 中 key 則應(yīng)該被設(shè)置在 標(biāo)簽上。
...
...
類似地，當(dāng)使用 時(shí)存在使用 v-if 的子節(jié)點(diǎn)，key 應(yīng)改為設(shè)置在 標(biāo)簽上。
...
...
...
...
分享文章：創(chuàng)新互聯(lián)VUE3教程：Vue3.0keyattribute
URL標(biāo)題：http://m.5511xx.com/article/djscoig.html
