Vue — 完成一个minVue
最后更新于:2022-04-02 08:12:33
>[success] # 完成一个minVue
~~~
1.在上面的章节已经了解了'响应的工作原理',和'虚拟dom',这个章节手写一个
minVue
~~~
>[danger] ##### 结构目录
~~~
├─src // 项目源代码
│ ├─complier // 模板编译相关的代码
│ │ ├─index.js // ast语法树转成render函数
│ │ └─parser-html.js //将html 解析成ast 语法树
│ ├─initGlobalAPI // 全局api 静态方法
│ │ └─index.js // 全局api入口初始化
│ ├─observer // 数据监听劫持
│ │ ├─array.js // 数组的数据监听劫持
│ │ ├─dep.js // 数据响应的发布者
│ │ ├─index.js // 数据劫持的入口
│ │ └─watcher.js // 数据响应的订阅者
│ ├─util // 工具方法
│ │ └─index.js // 工具方法的入口
│ ├─vdom // 虚拟dom
│ │ ├─create-element.js // 将render 转换成虚拟dom
│ │ └─patch.js // 虚拟dom 节点diff比较生成真实dom
│ ├─index.js // 编译的入口文件
│ ├─init.js // 初始化工作文件
│ ├─lifecycle.js // 生命周期
│ ├─render.js // 将render函数字符串解析成render函数
└─ └─state.js // 属性状态初始位置
~~~
';