介绍和参考

本篇Vue2.6.11源码分析文章由观看Vue.js源码全方位深入解析open in new window视频,阅读深入浅出Vue.jsopen in new window书籍以及参考其他Vue源码分析博客而来,阅读视频和书籍请支持正版。

Vue发展简史

  • 2013年7月,Vue.jsGithub上第一次提交,此时名字叫做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

正确理解虚拟DOMVue中的虚拟DOM借鉴了开源库snabbdomopen in new window的实现,并根据自身特色添加了许多特性。引入虚拟DOM的一个很重要的好处是:绝大部分情况下,组件渲染变得更快了,而少部分情况下反而变慢了。引入虚拟DOM这项技术通常都是在解决一些问题,然而解决一个问题的同时也可能会引入其它问题,这种情况更多的是如何做权衡、如何做取舍。因此,一味的强调虚拟DOM在任何时候都能提高性能这种说法需要正确对待和理解。

核心思想Vue两大核心思想是数据驱动组件化,因此我们在介绍完源码目录设计和整体流程后,会先介绍这两方面。

最后更新时间:
贡献者: wangtunan