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 內模板的限制來工做。