列表渲染中的key的作用

  1. 列表渲染中的key的作用
    给VDOM添加标记
    如果没有key会产生的问题:
    VDOM是惰性的, 它有一个原则, 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的, 删除了第二个之后, 第二个就变成了第一个, 它印象中第一个是红的, 所以就我们认为的第二个变成红的了
    解决: 使用key属性
    使用:
<li v-for = " (item,index) in list " :key = "item.id">

注意:

  1. 优先使用数据中能够识别的, 比如 : id
  2. 最差在用 index

猜你喜欢

转载自blog.csdn.net/weixin_44889992/article/details/89414838