查漏补缺——Vue中的:key有什么用？

问题

如题所示

答案

Vue中key属性的作用

vue中：key的作用

Vue中key值的作用

vue核心面试题：v-for中为什么要用key

相关源码：

 <div class="footer-item" v-if="socials.length">
        <div v-for="item in socials" :key="item.id"><a target="_blank" class="out-link" :href="item.href"><i class="iconfont" :class="item.icon"></i>{{item.title}}</a>
		</div>
</div>

根据所查的资料，可以知道Vue用的是虚拟DOM算法，不用我们直接去操作DOM，我们可以直接根据key值，判断之前是否有渲染过该值，这样就避免了对已经渲染过的DOM再进行二次渲染。