# vue3解析

源码阅读笔记,暂未做整体梳理

待完成~

  • vue3-lifecycle生命周期简析
  • vue3-compiler
    1. baseParse 创建带渲染模板的ast
    2. transformast树转化为genCode,其中createRootCodegen是处理DOM元素的,会创建codegenNode
    3. generate生成with包裹的可执行代码字符串: 将this修改为当前实例,使用genNode处理codegenNode,生成对应的vnode方法

finishComponentSetup => compileinstance.template,创建渲染函数render

编译结果分析,template编译优化