组件或者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 内模板的限制来工做。

相关文章
相关标签/搜索