官方说明:如果不使用 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>