1. 《Petite-Vue源码剖析》简介
Petite-Vue是由尤雨溪亲自操刀设计开发，针对历史非前后端分离项目专门打造的，基于Vue3的@vue/reactivity提供与Vue一致的响应式开发模式的渐进式前端开发框架。 本小册子将通过结合一个个示例逐行解读源码，并对相关技术进行扩展讲解（如petite-vue和React的diff算法对比、@vue/reactivity如何通过浏览器引擎的SMI优化effect清理算法等），既能更好地理解petite-vue的工作原理，同时也为后续阅读Vue3源码作铺垫。
1.1. Petite-Vue的特点
相对Vue3而言，Petite-Vue有如下特点：
- 提供精简版的与Vue3语法和表现一致的模板语言；
- 仅由渲染模块和响应式系统模块组成；
- 渲染模块没有采用虚拟DOM，而是采用在线解析渲染的方式；
- 响应式系统模块对外暴露
reactive接口提供构建全局状态管理器的能力； - 代码库体积在gzip压缩后不到7KB，十分适合与项目已有的LayUI、MiniUI等UI库搭配使用。
1.2. 阅读前的功课
由于本小册子以源码分析为主，其中并没有涉及Petite-Vue使用方式的讲解，所以建议读者在阅读之前先到官网查阅了解Petite-Vue的基本使用方式和概念。
1.3. 建议食用方式
本册子将Petite-Vue拆分为在线渲染和响应式系统两大组成模块，并结合示例对模块下各部分进行有序深入的逐行代码分析讲解。
对于尚未接触过源码的朋友，建议从头逐章节阅读。另外，最好可以搭配源码食用，效果更佳。
对于已阅读过源码的朋友，可以选取感兴趣的章节阅读，解决在阅读源码时的疑问和加强理解。
对于已阅读过《Petite-Vue源码剖析》系列博客的朋友，本小册子是在此系列博客的基础上重新整理和修订，希望在思路和表达上都让大家有更好的体验。
对于所有朋友，若发现本小册子中存在讲解错误或不清晰的地方，请联系我，我会及时更正。谢谢各位的支持！
1.4. 关于作者
- ID: 肥仔John，全栈工程师
- 2010年毕业于华南师范大学计算机科技与技术学院
- SegmentFault社区移动端《CSS魔法堂》专栏作者
- 联系方式：fsjohnhuang@hotmail.com
- 博客地址(多平台同步更新)