今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题:
React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。
查阅网上的博客,确实有对 Vue 列表渲染 key 绑定索引值问题的探讨。Vue 官方文档有说,但没有 React 文档说得大白话,所以有的人没有注意到这个点,Vue 官方文档原文:“提供一个唯一的 key attribute”。
通过两个案例,可以直观的感受到绑定 index 和绑定唯一标识符的区别。
1️⃣ 绑定 index 的动态列表:
2️⃣ 绑定唯一值,number、string 等基础类型的值,且不是 index 这种会因数组变化而重新排序的数字:
标签:index,Vue,绑定,列表,文档,key From: https://www.cnblogs.com/Himmelbleu/p/17239948.html