组件化流程
2020-09-03 13:45:37 0 举报AI智能生成
vue组件化思维导图
作者其他创作
大纲/内容
first blood
src\core\global-api\assets.js
组件注册initAssetRegister(Vue)
组件注册initAssetRegister(Vue)
将配置转换为组件的构造函数
将组件注册到components选项
组件VNode
src\core\instance\lifecycle.js
updateComponent
updateComponent
执行_update
执行_render
src\core\instance\render.js
_render
_render
调用createElement函数，相当于h
src\core\vdom\create-element.js
createElement
createElement
Dom元素：调用new VNode生成vnode
组件：调用createComponent()
src\core\vdom\create-component.js
createComponent：返回自定义组件的vnode
installComponentHooks 添加钩子函数
init组件初始化后调用（实例化，挂载）
prepatch
insert 插入后调用
destroy 摧毁前调用
组件实例化
src\core\vdom\patch.js
createEle()
createComponent()
init：实例化和挂载
createComponentInstanceForVnode：创建组件实例
$mount: 组件挂载 vnode->dom
0 条评论
下一页
