mini-vue

1. 安装依赖

pnpm install

2. rollup 打包

pnpm run build

3. 通过插件 Live Server 启动 example 下面文件的 html

mini-vue 源码以及单元测试;

1. 实现 effect 返回 runner;
2. 实现 effect 返回 runner;
3. 实现 effect 的 scheduler 功能;
4. 实现 effect 的 stop 功能;
5. 实现 effect 的 onStop 功能;
6. 实现 readonly 功能;
7. 实现 isReactive 和 isReadonly;
8. 优化 stop 功能;
9. 实现 reactive 和 readonly 嵌套对象转换功能;
10. 实现 isProxy 功能;
11. 实现 ref 功能;
12. 实现 isRef 和 unRef 功能;
13. 实现 proxyRefs 功能;
14. 实现 computed 计算属性;
15. 实现初始化 component 主流程;
16. 使用 rollup 打包库
17. 实现初始化 element 主流程
18. 实现组件代理对象(包含 this. api 的实现原理)
19. 实现 shapeFlags
20. 实现注册事件功能
21. 实现组件 props 功能
22. 实现组件 emit 功能
23. 实现组件 slots 功能
24. 实现 Fragment 和 Text 类型节点
25. 实现 getCurrentInstance
26. 实现 provide-inject 功能
27. 实现自定义渲染器 custom renderer
28. 更新 element 流程搭建
29. 更新 element 的 props
30. 更新 element 的 children
31. 更新 element 的 children - 双端对比 diff 算法(1)
32. 更新 element 的 children - 双端对比 diff 算法(2)
33. 更新 element 的 children - 双端对比 diff 算法(3)
34. 学习vue 的 解决 bug 的处理方式
35. 实现组件更新功能
36. 实现 nextTick 功能
37. 实现解析插值功能
38. 实现解析 element 标签
39. 实现解析 text 功能
40. 实现解析三种联合类型
41. 实现 transform 功能
42. 实现代码生成 string 类型
43. 实现代码生成插值类型
44. 实现代码生成 element 类型
45. 实现代码生成三种联合类型
46. coding :实现编译 template 成 render 函数

48. 实现 watchEffect