问题简述Vue 不建议使用 index 作为 key,因为会导致一些性能问题,甚至可能产生 bug<!-- 不建议用 index 作为 key --> <div> <p v-for="(item,index) of list" :key="index">{{item}}</p> </div> <!-- list: ["张三", "李四", "王五"] -->看了若干篇文章,讲的都不是通俗易懂的,自己来总结一下key 的作用上面的代码片段在开发中是屡见不鲜的,使用 v-for 来渲染一些同类型的结点,Vue3 文档 里描述了 key 的用途,就是尽可能地复用结点,减少 DOM 操作,提高效率和性能来看下面的一段伪代码(不能运行),在输入框里输入一些值,点击添加按钮就会在列表顶部添加一条记录 <div class="list"> <p v-for="item i