vue 元素/组件 :key

  • 在元素/组件中使用:key,动态绑定元素/组件的key;可以起到强制刷新/重新渲染的效果(替换为新的元素/组件,而不是修改或者重复使用它)
简单分析一下

这涉及到vue的虚拟DOM和diff算法。在比较新旧虚拟节点时,会比较虚拟节点的key,移除没有的key的老虚拟节点,新建新key的虚拟节点。

所以当通过组件或者元素的key动态变化,其实是删除老的元素或者组件,新建新的元素或者组件。

你可能感兴趣的:(vue 元素/组件 :key)