4.3 vue2.0-列表中 key 的作用与原理

1、当使用 v-for 去渲染列表时,使用的 key 的作用:就相当于一个 唯一 标识 

2、首先说一个问题,就是,在使用了key之后,最后页面生成的真实DOM上,每个li上是没有key的(但是虚拟DOM上有);原因是因为,这个key被vue征用了

3、用户能操作的都是真实dom(就是input数据的内容是在真实dom中)

虚拟dom的对比,依赖的就是Key

上边,使用index作为Key,结果就是,input框中数据会错乱

下面这种 数据不会错乱

posted @ 2022-08-13 14:16  不接急单  阅读(80)  评论(0)    收藏  举报