简述 mixin、extends 的覆盖逻辑

64 阅读1分钟

原理

  • mixin 和 extends 均是用于合并、拓展组件的,两者均通过mergeOptions 方法实现合并
  • mixins 接收一个混入对象的数组,其中混入对象可以像正常的实例对象一样包含实例选项,这些选项会被合并到最终的选项中。Mixin钩子按照传入顺序依次调用,并在调用组件自身钩子之前被调用
  • extends 主要是为了便于扩展单文件组件,接收一个对象或构造函数

image.png

mergeOption执行过程

  • 规范化选项( normalizeProps 、 normalizelnject 、normalizeDirectives)对未合并的选项进行判断

1716997400525.jpg

--------------------------------------------------------------------2024.5.28每日一题