vue中在进行列表渲染的时候，会默认遵守 ‘就地复用策略’

就地复用策略：

当在进行列表渲染的时候，vue会直接对已有的标签进行复用，不会整个的将所有的标签全部重新删除和创建,只会重新渲染数据，然后再创建新的元素直到数据渲染完为止

Vue中为v-for提供了一个属性，:key

key属性可以用来提升v-for渲染的效率！，vue不会去改变原有的元素和数据，而是创建新的元素然后把新的数据渲染进去

在使用v-for的时候，vue里面需要我们给元素添加一个key属性，这个key属性必须是唯一的标识. (有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。)

注意：给key赋值的内容不能是 可变的

1. 在写v-for的时候，都需要给元素加上一个key属性

2. key的主要作用就是用来提高渲染性能的！

3.key属性可以避免数据混乱的情况出现 （如果元素中包含了有临时数据的元素，如果不用key就会产生数据混乱）

<ul>
  <li v-for="item in items" :key="item.id">...</li>
</ul>