Vue中的 key 属性

key属性

1、为什么要添加key属性？

为了更加高效的更新虚拟DOM。

 

当某一层有很多的节点，也就是列表节点时，我们希望插入一个新的节点

 

 

我们想把F插入到B和C之间，但是在Vue内部默认是这样做的：

 

 

把C更新成F，再把D更新成C，再把E更新成D，最后再插入E，这样做的效率很底。

 

添加key属性之后Vue就能正确的识别此节点，然后找到正确的位置插入新的节点