Vue 3.0 选项 组合

vicky.yu

#mixins
类型：Array<Object>
详细：
mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用特定的选项合并逻辑。例如，如果 mixin 包含一个 created 钩子，而创建组件本身也有一个，那么两个函数都会被调用。

Mixin 钩子按照传入顺序依次调用，并在调用组件自身的钩子之前被调用。

示例：
  const mixin = {
    created: function() {
      console.log(1)
    }
  }
  
  Vue.createApp({
    created() {
      console.log(2)
    },
    mixins: [mixin]
  })
  
  // => 1
  // => 2
参考 Mixins
#extends
类型：Object | Function
详细：
允许声明扩展另一个组件 (可以是一个简单的选项对象或构造函数)。这主要是为了便于扩展单文件组件。

这和 mixins 类似。

示例：
  const CompA = { ... }
  
  // 在没有调用 `Vue.extend` 时候继承 CompA
  const CompB = {
    extends: CompA,
    ...
  }