【Vue】Vue3源码学习

createApp

挂载根组件

在renderer中完成

组件的初始化

初始化的步骤

1. 处理props和attrs

   • instance.props

   • instance.attrs

2. 处理slots

   • instance.slots

3. 执行setup

   • const result = setup()
   • Instance.setupState = proxyRefs(result)

4. 编译template -> complie

   • <template>->render函数
   • instance.render = Component.render = render函数

5. 对vue2的options的兼容

   • data/methods/computed/...

Compile的过程

生命周期回调

Block 存在的问题

BlockTree的意义

template模板中的数据的使用顺序