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 // 属性状态初始位置 ~~~
';