虚拟dom

1.什么是虚拟dom?

本身就是一个对象,保存dom的关键信息

2.虚拟dom的好处

提高dom的更新性能,不频繁的操作真实的dom,再内存中找到更新的部分,再更新真实的dom(打补丁)

3.diff如何比较新旧虚拟dom

同级比较;

根元素变化,删除整个dom树,重建。

根元素未变,属性改变,dom复用,只更新属性。

4.子标签/内容改变,diff算法如何对比的?

1:无key,或者key是index的情况:

先产生新旧虚拟DOM,根据key比较,就地更新(Vue不会根据最新的顺序去更新DOM,而是用已有的DOM进行属性的修改)

 

 2.有key的情况:

先产生新旧虚拟DOM,根据key比较(让Vue重新对DOM进行排列)

 

3:key值的要求是?

唯一的不重复的字符串或数值

4:key应该怎么用?

有id用id,没有id用索引

5:为什么要用key?

可以配合虚拟DOM提高更新性能

5.v-for什么时候会更新页面呢?

数组采用变更方法(push....),才会导致v-for更新页面

6.vue如何提高更新性能?

采用虚拟dom+diff算法提高更新性能

 

posted @ 2022-03-23 23:40  李翠花xixi  阅读(31)  评论(0)    收藏  举报