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