theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: simplify lifecycle hook call logic

Browse Source
This commit is contained in:
Evan You 2021-03-25 16:48:51 -04:00
parent b58bb16959
commit 084e932e85
1 changed files with 17 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
packages/runtime-core/src/componentOptions.ts
View File

@ -816,61 +816,33 @@ function callSyncHook(
instance: ComponentInternalInstance, instance: ComponentInternalInstance,
globalMixins: ComponentOptions[] globalMixins: ComponentOptions[]
) { ) {
callHookFromMixins(name, type, globalMixins, instance) for (let i = 0; i < globalMixins.length; i++) {
callHookWithMixinAndExtends(name, type, globalMixins[i], instance)
}
callHookWithMixinAndExtends(name, type, options, instance)
}
function callHookWithMixinAndExtends(
name: 'beforeCreate' | 'created',
type: LifecycleHooks,
options: ComponentOptions,
instance: ComponentInternalInstance
) {
const { extends: base, mixins } = options const { extends: base, mixins } = options
const selfHook = options[name]
if (base) { if (base) {
callHookFromExtends(name, type, base, instance) callHookWithMixinAndExtends(name, type, base, instance)
} }
if (mixins) { if (mixins) {
callHookFromMixins(name, type, mixins, instance) for (let i = 0; i < mixins.length; i++) {
callHookWithMixinAndExtends(name, type, mixins[i], instance)
}
} }
const selfHook = options[name]
if (selfHook) { if (selfHook) {
callWithAsyncErrorHandling(selfHook.bind(instance.proxy!), instance, type) callWithAsyncErrorHandling(selfHook.bind(instance.proxy!), instance, type)
} }
} }
function callHookFromExtends(
name: 'beforeCreate' | 'created',
type: LifecycleHooks,
base: ComponentOptions,
instance: ComponentInternalInstance
) {
if (base.extends) {
callHookFromExtends(name, type, base.extends, instance)
}
const chainedMixins = base.mixins
if (chainedMixins) {
callHookFromMixins(name, type, chainedMixins, instance)
}
const baseHook = base[name]
if (baseHook) {
callWithAsyncErrorHandling(baseHook.bind(instance.proxy!), instance, type)
}
}
function callHookFromMixins(
name: 'beforeCreate' | 'created',
type: LifecycleHooks,
mixins: ComponentOptions[],
instance: ComponentInternalInstance
) {
for (let i = 0; i < mixins.length; i++) {
const chainedMixins = mixins[i].mixins
const chainedExtends = mixins[i].extends
if (chainedExtends) {
callHookFromExtends(name, type, chainedExtends, instance)
}
if (chainedMixins) {
callHookFromMixins(name, type, chainedMixins, instance)
}
const fn = mixins[i][name]
if (fn) {
callWithAsyncErrorHandling(fn.bind(instance.proxy!), instance, type)
}
}
}
function applyMixins( function applyMixins(
instance: ComponentInternalInstance, instance: ComponentInternalInstance,
mixins: ComponentOptions[], mixins: ComponentOptions[],