码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中 v-for 绑定key和不绑定key的区别

时间:2019-08-02 13:10:41      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:info   alt   inf   v-for   的区别   图片   区别   font   mic   

首先,它们区别主要在于 虚拟DOM的复用,绑定key可以更好的复用,下面来详细讲一下

假如我们有一个数组 arr = [1,2,3,4],我们要在2后面插入一个值9;

如果绑定了key值,那么会是这样的情况:

技术图片

如果没有绑定key值,那么会是这样的情况: 

技术图片

 

Vue中 v-for 绑定key和不绑定key的区别

标签:info   alt   inf   v-for   的区别   图片   区别   font   mic   

原文地址:https://www.cnblogs.com/adongyo/p/11287887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!