#key

成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站設(shè)計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元襄城做網(wǎng)站,已為上家服務(wù),為襄城各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

• 預(yù)期：number | string

key 的特殊 attribute 主要用在 Vue 的虛擬 DOM 算法，在新舊 nodes 對比時辨識 VNodes。如果不使用 key，Vue 會使用一種最大限度減少動態(tài)元素并且盡可能的嘗試就地修改/復(fù)用相同類型元素的算法。而使用 key 時，它會基于 key 的變化重新排列元素順序，并且會移除/銷毀 key 不存在的元素。

有相同父元素的子元素必須有獨特的 key。重復(fù)的 key 會造成渲染錯誤。

最常見的用例是結(jié)合 v-for：

  

    
...
  

它也可以用于強(qiáng)制替換元素/組件而不是重復(fù)使用它。當(dāng)你遇到如下場景時它可能會很有用：

• 完整地觸發(fā)組件的生命周期鉤子
• 觸發(fā)過渡

例如：

  
    {{ text }}
  

當(dāng) text 發(fā)生改變時， 總是會被替換而不是被修改，因此會觸發(fā)過渡。

#ref

• 預(yù)期：string | Function

ref 被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs 對象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實例：

  
  
hello

  
  
  

  
  
  

當(dāng) v-for 用于元素或組件的時候，引用信息將是包含 DOM 節(jié)點或組件實例的數(shù)組。

關(guān)于 ref 注冊時間的重要說明：因為 ref 本身是作為渲染結(jié)果被創(chuàng)建的，在初始渲染的時候你不能訪問它們 - 它們還不存在！$refs 也是非響應(yīng)式的，因此你不應(yīng)該試圖用它在模板中做數(shù)據(jù)綁定。

• 參考子組件 Refs

#is

• 預(yù)期：string | Object (component’s options object)

使用動態(tài)組件。

例如：

更多的使用細(xì)節(jié)，請移步至下面的鏈接。

• 參考
• 動態(tài)組件
• DOM 模板解析說明

網(wǎng)頁名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0特殊指令
文章鏈接：http://uogjgqi.cn/article/cosdioe.html