赛捷软件论坛's Archiver

vicky.yu 发表于 2024-2-4 10:06

Vue 3.0 选项 组合

#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,
    ...
  }

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.