当 Vue 正在更新使用 v-for 渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。
为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key attribute
因为它是 Vue 识别节点的一个通用机制,key 并不仅与 v-for
不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型的值。