[张三个儿很高]张三的身高是0,你张三的身高也是
我在这里停一会儿。我问你一个问题好吗?请问,在比较两个人的input时,他们input的内容是否相同?
答案是一样的。因为两者都是虚拟DOM。
用户输入数据时,数据将保留在实际DOM中
人们是记忆中比较的虚拟DOM。
最终input此处的比较结果相同
刚和别的比怎么办?一样的怎么办?
同样的结果是重复使用
什么是重用?
看,我刘在这里有input,张三也在这里有input。
我刘的身高是0,你张三的身高也是0
所以作为唯一的标志,我们来自同一个系统。
否则,本章3中的虚拟DOM可能转换了实际DOM。
你看,如果张三的人脚变成了真正的DOM,那么我刘的人脚就像张三的人脚一样。
那么,我刘不必把Li中的IOPT转换成真正的DOM。
我直接拿张三的infut重复使用。
发生了以下情况。
比较了虚拟DOM
比较结果确定是否使用前一章3中的实际input(不需要将刘某的虚拟input转换为实际input)
但是鹅张三真的是infut,仍然有用户的输入。
那么,搬的时候,我会把残留物一起带来
哪里错了?
如果将索引用作密钥,就会发生重复使用,顺序混乱
这个细节的错误出现,导致了错误的生成
这样,到王五为止,如果key=3不存在于旧的虚拟DOM中,则只会生成自己
我们犯这个错误的原因是履行了这个奇特的需求,但通过这个需求,我们可以对身高有更深的了解。
让我们看一下图片。这幅画解释得很清楚。
两个人的input在虚拟DOM中是相同的
但是这两者的插值语法是这个位置。
如果不相等,不相等,就没有办法采取重复使用行动
如果没有采用重复使用动作的方法,插值语法的实际DOM必须自己生成。
换句话说,新的虚拟DOM是通过转换为实际DOM而自己创建的。
通过以上分析,这里的思维方式非常明确
还是一样的。这些初始化数据导致在内存中创建了虚拟DOM。
将虚拟DOM转换为实际DOM
用户在实际DOM中工作,并保留输入。
接下来,我们增加了成员,老刘。
这将更新虚拟DOM。
更新后,将与旧的虚拟DOM进行比较。
刘的身高是004,老DOM没有身高004的要素。那么,刘必须自己生成
张三的身高是001,在古老的虚拟圆顶中吗?好的,那么input是一样的吗?一样的,那我再用。
同样,董事和王五也一样。
因此,使用id作为密钥不会出现刚才那个问题。
效率高吗?很高。服用有错吗?没有。
如果不使用键,则vue在遍历时会默认索引值index为键
Index作为身高,这个DOM有身高,当然不会报错。
Index很高,刚遇到那个问题自然会出问题。
以下几步回答
发表评论