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