Skip to content

whoelse666/mini-vue

Repository files navigation

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 函数
  1. 实现 watchEffect

About

mini-vue源码以及单元测试

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published