vue虚拟dom的解释

vue虚拟dom的解释

一、什么是虚拟dom

虚拟dom就是用一个JS对象来描述一个DOM节点
vdom就是用javascript描述的dom的树形结构,这个树结构包含整个dom结构的信息
在这里插入图片描述
在这里插入图片描述

二、为什么要有虚拟dom

1、js和jquery操作dom冗余混乱,耦合性高并且难以维护。
2、一遍一遍渲染dom会造成浏览器性能损耗大的问题,通过vdom将dom的对比放到js层,判断不同之处选择新的dom节点进行渲染,大大节省了浏览器损耗

三、diff算法

简单描述,就是vdom新老dom的对比,获取不同之处渲染新dom节点

四、实例



虚拟dom



    这里是p标签

  • {{1+1}}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部