Vue中 key值作用和原理

Vue中 key值作用和原理

在渲染列表的时候使用key，如果不使用的时候会进行警告。当v-for循环渲染时，不加上key的时候会默认采用原地复用原则。即，不会移动或重新渲染dom元素或者标签，而是单纯的改变数据，对数据进行更新。

key的作用主要是为了高效的更新虚拟DOM（标识了DOM的位置），高效进行渲染。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们。