key属性
- key是Vue中为v-for提供的属性
- 在写v-for的时候,都需要给元素加一个key属性,并且是
唯一
(给key赋值的内容是不可变的)标识
一、key属性的作用
1、提升v-for渲染样式的效率
2、提高渲染性能
若对数据进行:逆序添加、逆序删除等破坏顺序操作, 会产生没有必要的真实DOM更新,虽然界面效果没问题, 但效率低。
3、避免数据混乱的情况出现
如果结构中还包含输入类的DOM: 会产生错误DOM更新 ,出现数据混乱。
二、key值的选择
1、因为key值是唯一的,所以在给值的时候最好是选择数据请求回来的ID(主键)
2、如果只是数据的展示,可以用(item,index in data)中的index
...