VUE源码
2020-07-17 17:15:55 0 举报AI智能生成
Vue组件化流程
作者其他创作
大纲/内容
组件化流程
initAssetRegisters：组件注册
src\core\global-api\assets.js
src\core\global-api\assets.js
第一步：如果传入的配置中有name，则将name作为当前组件的名字，没有则将传进来的第一个参数id作为当前组件的名字
第二步：将组件的配置对象转换为组件的构造函数
第三步：将组件注册到components选项中
入口：updateComponent
src\core\instance\lifecycle.js：189
src\core\instance\lifecycle.js：189
_update
_render
_render
src\core\instance\render.js：69
src\core\instance\render.js：69
$createElement：传入_render函数执行时的参数，即h
initRender：声明$createElement
src\core\instance\render.js：19
src\core\instance\render.js：19
createElement
createElement：h
src\core\vdom\create-element.js：28
src\core\vdom\create-element.js：28
_createElement
_createElement：vnode生成
src\core\vdom\create-element.js：47
src\core\vdom\create-element.js：47
createComponent
createComponent：返回自定义组件的vnode
src\core\vdom\create-component.js：101
src\core\vdom\create-component.js：101
installComponentHooks
installComponentHooks：给data中添加一些钩子函数，未来等待patch时候调用
src\core\vdom\create-component.js：226
src\core\vdom\create-component.js：226
componentVNodeHooks
componentVNodeHooks：一些钩子函数
src\core\vdom\create-component.js：36
src\core\vdom\create-component.js：36
init 实例化和挂载
prepatch 打补丁之前
insert 插入
destroy 销毁
init：实例化和挂载
createComponentInstanceForVnode：创建组件实例
$mount：组件挂载
createElm：组件或者元素创建
src\core\vdom\patch.js：125
src\core\vdom\patch.js：125
createComponent
createComponent：自定义组件创建过程
src\core\vdom\patch.js：210
src\core\vdom\patch.js：210
0 条评论
下一页
