-
data、provide等选项使用mergeDataOrFn -
生命周期钩子 及
watch合并为 数组，使得父子选项中的钩子函数都能够被执行 -
directives、filters及components等资源选项，父子选项将以原型链的形式被处理，这样才能够在任何地方都是用内置组件、指令等 -
props、methods、inject、computed等选项，父选项始终可用，但是子选项会覆盖同名的父选项字段 - 以上没有提到的选项都使用默认
defaultStrat，该选项策略是：只要子选项不是undefined就是用子选项，否则使用父选项
附上 mergeDataOrFn 的实现：
export function mergeDataOrFn (
parentVal: any,
childVal: any,
vm?: Component
): ?Function {
if (!vm) {
// in a Vue.extend merge, both should be functions
if (!childVal) {
return parentVal
}
if (!parentVal) {
return childVal
}
// when parentVal & childVal are both present,
// we need to return a function that returns the
// merged result of both functions... no need to
// check if parentVal is a function here because
// it has to be a function to pass previous merges.
return function mergedDataFn () {
return mergeData(
typeof childVal === 'function' ? childVal.call(this, this) : childVal,
typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal
)
}
} else {
return function mergedInstanceDataFn () {
// instance merge
const instanceData = typeof childVal === 'function'
? childVal.call(vm, vm)
: childVal
const defaultData = typeof parentVal === 'function'
? parentVal.call(vm, vm)
: parentVal
if (instanceData) {
return mergeData(instanceData, defaultData)
} else {
return defaultData
}
}
}
}
