Vue 中 mixin和 extends 的覆盖逻辑是什么？

【概念释义】

合并策略：同名 data 递归合并（子组件优先）；hooks/生命周期 合并成数组先 mixin 后组件执行；methods/components/directives 子覆盖父；extends 类似额外父选项。多个 mixin 按注册顺序合并。Vue 3 推荐 composables 替代 mixin 避命名冲突。

【基础使用】

const mixin = { created() { console.log('mixin'); } };
export default {
  mixins: [mixin],