vue特殊attribute-key

本文主要是介绍vue特殊attribute-key，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

官方说明：如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外，还有其它一些好处。

但是这样会产生很多问题。

这个时候引入 key 就可以解决这个问题：key 的作用是给予一个节点唯一的身份识别，有相同父元素的子元素必须有独特的 key 。

在v-for中，是必须要有key的，

注意：给key加上index等于没有加，key默认得就是Index

<a-radio-button :value="item.code" 
                          v-for="(item) in metTypeArr" :key="item.code">
{{item.name}}
</a-radio-button>

这篇关于vue特殊attribute-key的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！