建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)VUE3教程：Vue3.0keyattribute
#概覽
專注于為中小企業(yè)提供成都做網站、網站制作服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)雷州免費做網站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網行業(yè)人才，有力地推動了上1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。
- 新增：對于
v-if/v-else/v-else-if的各分支項key將不再是必須的，因為現(xiàn)在 Vue 會自動生成唯一的key。
- 非兼容：如果你手動提供
key，那么每個分支必須使用唯一的key。你不能通過故意使用相同的key來強制重用分支。
- 非兼容：
的key應該設置在標簽上 (而不是設置在它的子節(jié)點上)。
#背景
特殊的 key attribute 被用于提示 Vue 的虛擬 DOM 算法來保持對節(jié)點身份的持續(xù)跟蹤。這樣 Vue 可以知道何時能夠重用和修補現(xiàn)有節(jié)點，以及何時需要對它們重新排序或重新創(chuàng)建。關于其它更多信息，可以查看以下章節(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ù)情況下都不需要設置這些 key。
Yes
No
Yes
No
Yes
No#結合
在 Vue 2.x 中 標簽不能擁有 key。不過你可以為其每個子節(jié)點分別設置 key。
...
...
在 Vue 3.x 中 key 則應該被設置在 標簽上。
...
...
類似地，當使用 時存在使用 v-if 的子節(jié)點，key 應改為設置在 標簽上。
...
...
...
...
網頁名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0keyattribute
地址分享：http://m.5511xx.com/article/djscoig.html
