vue原理二:vdom、diff,模板编译,渲染过程,前端路由 及总结。
1,Virtual DOM 虚拟算法
DOM操作消耗性能,js 执行非常快,所以, 虚拟DOM就是 用js 模拟DOM结构:(tag,childrens,className...)以最小的更新范围更新DOM
核心概念:h(返回js DOM对象)、patch(对比),diff,key

2,diff算法 ?:

3,模板编译
1,vue template complier 返回with语句。 将模板编译为render函数
2,执行render函数,生成vnode
3,vnode最终通过虚拟Dom,diff算法,,最终生成html。
浙公网安备 33010602011771号