Vue 模板渲染(render)和更新(patch)
- 1 第一次渲染创建一棵`虚拟DOM树`(js 对象)
- 2 数据发生改变后,生成一棵新的虚拟 DOM 树(js 对象)
- 3 对比新旧两棵虚拟 DOM 树(js 对象),通过`diff算法`找到并记录差异的地方
- 4 只将差异的地方重新渲染到页面中
Vue 模板渲染(render)和更新(patch)
- 1 第一次渲染创建一棵`虚拟DOM树`(js 对象)
- 2 数据发生改变后,生成一棵新的虚拟 DOM 树(js 对象)
- 3 对比新旧两棵虚拟 DOM 树(js 对象),通过`diff算法`找到并记录差异的地方
- 4 只将差异的地方重新渲染到页面中