vue3源码第一步petite-vue

[nujiangmie6]

如今这个快速发展的时代，老开发者不跟时代学习点新东西都感觉要被抛弃了，但是万一开头难，任何新事物的第一步都不是那么好接触的，vue3很流行但是也很难，那么第一步先从petite-vue开始吧。

首先在开始之前要先了解一下vue的优点：vue是属于轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；并且简单易学，易于上手：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；支持双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；并且视图，数据，结构实现分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；

拥有虚拟的DOM：dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作，但具体操作的还是dom不过是换了另一种方式；并且运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。

petite-vue是属于一个比较新的框架，项目的开发者尤雨溪在2021年6月30号才初始化项目，经过几天密集的代码提交后，有二十多天已经没有更新了，看得出已经比较稳定了。

从名字来看可以知道 petite-vue 是一个 mini 版的vue，大小只有5.8kb，可以说是非常小了。据作者大大的介绍，petite-vue 是 Vue 的可替代发行版，针对渐进式增强进行了优化。它提供了与标准 Vue 相同的模板语法和响应式模型：它的大小只有5.8kb，更省空间；Vue 兼容模版语法，并且基于DOM，就地转换，拥有响应式驱动。在 petite-vue 里，组件可以使用函数的方式创建，通过template可以实现复用。