1.Vue 为什么要在列表组件中写key,其作用是什么?
作用:主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。
如果不使用key,Vue会使用一种最大限度减少动态元素并尽可能的尝试就地修改复用相同类型元素的 算法,这种默认模式是高效的。
应用场景
- 只适用于不依赖子组件状态或临时 DOM 状态 (例如:表单输入值) 的列表渲染输出
如果使用key,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。用于强制替换元素/组件而不是重复使用它。
应用场景:
- 完整地触发组件的生命周期钩子
- 触发过渡