Vuejs 3：如何在类组件中使用混入（mixins）？

Question

我开始将我的应用程序从Vue 2迁移到Vue 3，在我的项目中使用类组件。 我没有找到在Vuejs 3中如何使用mixins的方法。 是否可能并如何在vuejs 3中使用mixins？

当前代码： export default class HomePage extends Mixins(Vue, PageMixin) {}

- kasp3rsky

Answer 1

我知道这不是你问题的直接答案，但如下所述：

https://vuejs.org/api/options-composition.html#mixins

在Vue 2中，Mixin是创建可重用组件逻辑的主要机制。虽然Mixin在Vue 3中仍然受支持，但现在组件之间的代码复用更倾向于使用Composition API。

- Cup5y

Answer 2

这与Vue2相同

const mixin = {
  created() {
    console.log(1)
  }
}

在这里你可以使用它：

createApp({
  mixins: [mixin],
  created() {
    console.log("test")
  },
})

- gguney