組件或者dom的特殊屬性

key:用在 Vue 的虛擬 DOM 算法,在新舊 nodes 對比時辨識 VNodes。html

經常使用姿式:vue

一、結合 v-for,有相同父元素的子元素必須有惟一key。node

<ul>
  <li v-for="item in items" :key="item.id">...</li>
</ul>

二、強制替換元素/組件而不是複用它。算法

使用場景:api

  • 完整地觸發組件的生命週期鉤子
  • 觸發過渡

下例中,當 text 發生改變時,<span> 會被更新,所以觸發過渡。數組

<transition>
  <span :key="text">{{ text }}</span>
</transition>

ref:給元素或子組件註冊引用,在普通的DOM 元素上使用,引用指向的就是 DOM 元素;在子組件上,引用指向組件實例,經過父實例的 $refs對象訪問引用。ide

v-for 用於元素或組件的時候,引用是包含 DOM 節點或組件實例的數組。ui

注意:spa

一、ref 是做爲渲染結果被建立的,在初始渲染的時候不存在,因此不能訪問。code

二、$refs 不是響應式的,不該該用它在模板中作數據綁定。

is:用於動態組件且基於 DOM 內模板的限制來工做。

相關文章
相關標籤/搜索