1. 首页
  2. 编程语言
  3. Java
  4. 深入理解Vue2.x的虚拟DOM diff原理

深入理解Vue2.x的虚拟DOM diff原理

上传者: 2020-09-11 20:16:07上传 PDF文件 58.62KB 热度 20次

经常看到讲解Vue2的虚拟Dom diff原理的,但很多都是在原代码的基础上添加些注释等等,这里从0行代码开始实现一个Vue2的虚拟DOMsrc/core/vdom/Vnode.js定义一个Vnode类, 创建节点分为两类,一类为text节点,一类非text节点src/main.js在main.js就可以根据Vnode 生成对应的Vnode对象,上述代码对应的dom表示为什么先来实现不用diff渲染Vnode的部分,这里也是为了统计渲染的时间,来表明一个道理。并不是diff就比非diff要开,虚拟DOM并不是任何时候性能都比非虚拟DOM 要快先来实现一个工具函数,不熟悉的人可以手工敲下代码 熟

用户评论