组件化流程
2020-09-03 13:45:37 0 举报AI智能生成
vue组件化思维导图
作者其他创作
大纲/内容
组件化流程
first blood
src\\core\\global-api\\assets.js组件注册initAssetRegister(Vue)
将配置转换为组件的构造函数
将组件注册到components选项
组件VNode
src\\core\\instance\\lifecycle.jsupdateComponent
执行_update
执行_render
src\\core\\instance\ender.js_render
调用createElement函数，相当于h
src\\core\\vdom\\create-element.jscreateElement
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 条评论
回复 删除
下一页
