前言
2020年09月18日 Vue.js 3.0 "One Piece" 正式发布。
-
更好的typescript使用体验
-
更小的体积 TreeShaking
-
更好的组合API 拆分代码
-
customRenderer更好的多平台编译
-
更好的响应式优化 Proxy 代替 Object.definepeoperty
等等。
动机
因为北京最近疫情非常严重,5 1 小长假也都是在家隔离所以就想更好的了解一下vue3的设计思想以及设计理念。所以就趁着假期的时候打算自己做一个mini版本的vue3
开始
- 从0到1配置项目 rollup 编译输出 cjs esm
- 添加 jest 单元测试
- 添加 typescript 更好的编程体验
- 实现响应式 reactive ref computed effect ~~~等
- runtime-core 组件初始化逻辑 以及 更新逻辑
- runtime-dom 实现customRenderer
- patchKeyedChildren 实现双端 + 最长递增子序列优化
结果
github地址 vue3-mini
现在完成基本上了基本上的主要初始化以及更新逻辑
共31次commits
实现最简的vue3的模型 有助于自己学习和理解vue3
每天努力一点点~
感谢
参考来自:大崔哥 mini-vue