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