建站
咨詢
售后
建站咨詢
新聞中心
#key
成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元襄城做網(wǎng)站,已為上家服務(wù),為襄城各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
- 預(yù)期：
number | string
key 的特殊 attribute 主要用在 Vue 的虛擬 DOM 算法，在新舊 nodes 對(duì)比時(shí)辨識(shí) VNodes。如果不使用 key，Vue 會(huì)使用一種最大限度減少動(dòng)態(tài)元素并且盡可能的嘗試就地修改/復(fù)用相同類型元素的算法。而使用 key 時(shí)，它會(huì)基于 key 的變化重新排列元素順序，并且會(huì)移除/銷毀 key 不存在的元素。
有相同父元素的子元素必須有獨(dú)特的 key。重復(fù)的 key 會(huì)造成渲染錯(cuò)誤。
最常見的用例是結(jié)合 v-for：
- ...
它也可以用于強(qiáng)制替換元素/組件而不是重復(fù)使用它。當(dāng)你遇到如下場(chǎng)景時(shí)它可能會(huì)很有用：
- 完整地觸發(fā)組件的生命周期鉤子
- 觸發(fā)過渡
例如：
{{ text }}
當(dāng) text 發(fā)生改變時(shí)， 總是會(huì)被替換而不是被修改，因此會(huì)觸發(fā)過渡。
#ref
- 預(yù)期：
string | Function
ref 被用來給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實(shí)例：
hello
當(dāng) v-for 用于元素或組件的時(shí)候，引用信息將是包含 DOM 節(jié)點(diǎn)或組件實(shí)例的數(shù)組。
關(guān)于 ref 注冊(cè)時(shí)間的重要說明：因?yàn)?ref 本身是作為渲染結(jié)果被創(chuàng)建的，在初始渲染的時(shí)候你不能訪問它們 - 它們還不存在！$refs 也是非響應(yīng)式的，因此你不應(yīng)該試圖用它在模板中做數(shù)據(jù)綁定。
- 參考子組件 Refs
#is
- 預(yù)期：
string | Object (component’s options object)
使用動(dòng)態(tài)組件。
例如：
更多的使用細(xì)節(jié)，請(qǐng)移步至下面的鏈接。
- 參考
- 動(dòng)態(tài)組件
- DOM 模板解析說明
本文名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0特殊指令
文章路徑：http://www.dlmjj.cn/article/cosdioe.html
