首页 > 其他 > 详细

解析Vue源码之前

时间:2021-05-11 17:46:12      阅读:18      评论:0      收藏:0      [点我收藏+]
在分析源码之前,要明确Vue到底做了什么事。从开发角度来说,Vue创建了一种新的开发模式;从浏览器渲染角度来说,Vue创建了一种新的渲染方式。前者方便了开发者,提升了开发效率;后者提升了渲染性能。
 
传统开发模式:js更改dom,往往无法做到精准更新节点。这里做个假设,我们可以通过缓存dom节点的方式,通过对比上一次和当前dom节点的局部更新dom,但问题是原生的dom拥有太多的属性,这样对比将产生很大的性能开销。但是我相信不是不可以对比。而Vdom则极大的简化了dom节点的属性,并且Vdom作为一个js对象,对比过程要比原生dom节点快的多。
 
实际Vue和React创建的项目,打包后的项目都有这样一层Vdom对比。而这改变了原来的通过直接更改dom节点的方式更新dom状态的流程。
 
说Vue创建了一种新的开发模式:
1,原来开发需要手动更新dom现在框架底层封装好了
2,原来开发没有所谓的mvvm结构,现在直接就是了
3,原来开发组件化很麻烦实现,现在可以直接用了
4,原来开发实现模板化也不方面,现在直接是模板化开发方式
 
理解了这个之后,分析源码的意义可以明确了:在于搞清楚技术实现细节。
 
搞清楚框架触发更新的流程,触发的起点过程和结果。
 
搞清楚模板化是怎么工作的,mvvm怎么实现的,组件化是怎么达成的。

解析Vue源码之前

原文:https://www.cnblogs.com/zhensg123/p/14754801.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!