简述 mixin、extends 的覆盖逻辑

123 阅读1分钟
1mixinextends

mixin 和 extends 均是用于合并、拓展组件的,两者均通过mergeOptions 方法实现合并。

mixins 接收一个混入对象的数组,其中混入对象可以像正常的实例对象一样包含实例选项,这些选项会被合并到最终的选项中。Mixin钩子按照传入顺序依次调用,并在调用组件自身的钩子之前被调用。

extends 主要是为了便于扩展单文件组件,接收一个对象或构造函数。

image.png

(2)mergeOptions 的执行过程

规 范 化 选 项 ( normalizeProps 、 normalizelnject 、normalizeDirectives)

对未合并的选项,进行判断

image.png