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框中数据会错乱


下面这种 数据不会错乱


浙公网安备 33010602011771号