Vue组件化流程
2020-08-03 12:02:27 0 举报
AI智能生成
vue组件化
作者其他创作
大纲/内容
组件声明
Vue.Component()
Vue.Component()
initAssetRegisters(Vue)
组件注册使用extend方法
全局注册构造函数并添加到components
src\core\global-api\assets.js
组件注册使用extend方法
全局注册构造函数并添加到components
src\core\global-api\assets.js
组件实例创建及挂载
创建组件VNode
创建组件VNode
src/core/vdom/create-component.js
src/core/vdom/create-component.js
兼容性处理
通过判断传入的tag为自定义组件通过createElement去创建
src\core\vdom\create-element.js
通过判断传入的tag为自定义组件通过createElement去创建
src\core\vdom\create-element.js
返回自定义组件的虚拟dom
installComponentHooks 安装组件钩子
未来在patch执行
src\core\vdom\create-component.js
installComponentHooks 安装组件钩子
未来在patch执行
src\core\vdom\create-component.js
init
组件初始化调用 创建,挂载
组件初始化调用 创建,挂载
prepatch
更新
更新
insert
插入
插入
destroy
删除
删除
创建组件实例
createEle()
⾸次执⾏_update()时,patch()会通过createEle()创建根元素
core/vdom/patch.js
⾸次执⾏_update()时,patch()会通过createEle()创建根元素
core/vdom/patch.js
createComponent
自定义组件创建过程执行实例化和挂载
core/vdom/patch.js
自定义组件创建过程执行实例化和挂载
core/vdom/patch.js
0 条评论
下一页