【学习】vue3阅读源码

vue3阅读源码之:

1.多个template实现原理:包裹了<fragment>

2.组件的挂载过程:

 

3.组件的初始化:

 createApp =》app.mount =》 rerender的render函数 =》 patch =》类型判断 =》 processComponent =》 mountComponent =》 instance =》setupComponent(instance) =》 setuprerederEffect() =》

effect(()=>{ if(mount)else{update}}) =》subtree =》patch =》processElement =》document.createElement() =》 mountChildren() =》for(){child} =》 patch(null,child)

posted @ 2022-06-15 15:24  如意酱  阅读(135)  评论(0编辑  收藏  举报