介绍和参考
本篇Vue2.6.11
源码分析文章由观看Vue.js源码全方位深入解析视频,阅读深入浅出Vue.js书籍以及参考其他Vue
源码分析博客而来,阅读视频和书籍请支持正版。
Vue发展简史
- 2013年7月,
Vue.js
在Github
上第一次提交,此时名字叫做Element
,后来被改名为Seed.js
,到现在的Vue.js
。 - 2013年12月,
Github
发布0.6
版本,并正式更名为Vue.js
。 - 2014年2月,在
Hacker News
网站上时候首次公开。 - 2015年10月,
Vue.js
发布1.0.0
版本。 - 2016年10月,
Vue.js
发布2.0
版本。 - 2020年9月18日,
Vue.js
发布3.0
版本。
Vue版本变化
Vue2.0
版本和Vue1.0
版本之间虽然内部变化非常大,整个渲染层都重写了,但API
层面的变化却很小,对开发者来说非常友好,另外Vue2.0
版本还引入了很多特性:
Virtual DOM
虚拟DOM。- 支持
JSX
语法。 - 支持
TypeScript
。 - 支持服务端渲染
ssr
。 - 提供跨平台能力
weex
。
正确理解虚拟DOM:Vue
中的虚拟DOM借鉴了开源库snabbdom的实现,并根据自身特色添加了许多特性。引入虚拟DOM的一个很重要的好处是:绝大部分情况下,组件渲染变得更快了,而少部分情况下反而变慢了。引入虚拟DOM这项技术通常都是在解决一些问题,然而解决一个问题的同时也可能会引入其它问题,这种情况更多的是如何做权衡、如何做取舍。因此,一味的强调虚拟DOM在任何时候都能提高性能这种说法需要正确对待和理解。
核心思想:Vue
两大核心思想是数据驱动和组件化,因此我们在介绍完源码目录设计和整体流程后,会先介绍这两方面。