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。

posted @ 2020-12-24 20:20  毛栗的demo  阅读(166)  评论(0)    收藏  举报