实现一个mini版的vue3是一种什么样的体验

275 阅读1分钟

前言

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