【前端】Vue运行机制
2023-07-03 15:44:30 0 举报
Vue2和Vue3的源码运行机制流程图
作者其他创作
大纲/内容
mergeOptions
undateComponent
collect as dep
optimize
vnode
DOM
收集副作用函数
$mount
touch
createAppAPI()
effect
update
proxy getter
generator
mount
setter
render function
parse
Vue2运行机制
component
Watcher
...
Notity
unmount
render
Vnode
patch
Vue3运行机制
compile(template)
baseParse
initRender
new Vue({...})
编译器
template
响应式
initLifecycle
generate
渲染器
mountComponent
createApp
transform
init
proxy setter
re-render
diective
getter
vm._render()
触发proxy setter
通知render函数再次执行
observe
生成vnode
diff
runtime & compile
createRenderer
触发proxy依赖收集
0 条评论
回复 删除
下一页
