文件名称:vue-source-code-analysis
文件大小:1.04MB
文件格式:ZIP
更新时间:2024-04-24 11:04:36
JavaScript
Vue v2.6.12源代码解析 代码逐行中文注释 解析的是npm run dev生成的版本 通过运行项目并加断点的形式,单步调试 示例中新建了测试文件夹内部是测试的用例代码 如果了解该模块,可在其中做相应调用处理,然后断点调试 代码结构 入口src \ platforms \ web \ entry-runtime-with-compiler.js 重新封装$ mount(作用:将模板编绎成render) 内部判断并获取模板将其转换成渲染函数 其中compileToFunctions方法调用了parse方法再调用parseHTML解析html生成AST树 再执行封装前的mount函数 给Vue添加一个静态的compile编绎器方法 // 给Vue添加一个静态的compile编绎器方法 Vue . compile = compileToFunctions src \ platforms