Vue中为何不推荐使用索引作为key的深层原因是什么？

本文共计1046个文字，预计阅读时间需要5分钟。

目录+前言+diff算法的作用+key的作用+通过key管理状态+效率+Bug+总结+前言+Vue 2.x文档中明确指出：建议尽可能在使用v-for时提供key attribute，除非遍历输出的DOM内容非常简单，或者是非常简单的对象列表。

目录

• 前言
• diff算法
• key的作用
• 通过 key 管理状态
• 效率 & Bug
• 总结

前言

尤大在vue 2.x的文档中明确指出：建议尽可能在使用v-for时提供keyattribute，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。

尤大的建议说白了就是说：

如果index可以做key，那直接底层帮你传进去好了，又何必让你们多此一举呢？乖乖的不要用index做key

那么:key到底有什么用？ 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用就地复用策略 。