0
点赞
收藏
分享

微信扫一扫

vue.js学习笔记:对虚拟DOM的理解

陌岛 2022-04-13 阅读 69
vue.js

1、虚拟DOM

1.1本质

虚拟dom其实就是一个普通的js对象,这个对象将vue模板内的标签、属性、数据写成对象的格式,同时将vue实例中的data和methods结合起来,添加到需要的标签对象属性中。

1.2虚拟dom转真实dom

我们从虚拟dom对象中读取标签名称属性,然后利用createlement创建元素,元素名称属性就从dom里面得到。

1.3更新

当数据发生改变,自动会根据新的数据生成新的虚拟dom,然后跟原来的虚拟dom做对比,如果某个元素变了,就对某个元素进行相应的操作,如果没变,就不用理,我就不需要重新生成新的dom树了,效率就提高了。

举报

相关推荐

0 条评论