vue3搭配typeScript的项目中如何使用mixins

在Vue3中，使用Mixins需要按照以下步骤进行：

1. 创建一个Mixin：

import { defineComponent } from 'vue';

export default defineComponent({
  methods: {
    foo() {
      console.log('foo');
    }
  }
});

2. 在需要使用Mixin的组件中，使用`mixins`选项将Mixin添加到组件中：

import { defineComponent } from 'vue';
import MyMixin from './my-mixin';

export default defineComponent({
  mixins: [MyMixin],
  methods: {
    bar() {
      console.log('bar');
    }
  }
});

3. 组件中的方法将会被Mixin中的方法覆盖。如果你想要在组件中调用Mixin中的方法，可以使用`super`关键字：

import { defineComponent } from 'vue';
import MyMixin from './my-mixin';

export default defineComponent({
  mixins: [MyMixin],
  methods: {
    foo() {
      super.foo();
      console.log('foo in component');
    }
  }
});

这样，在组件中调用`foo`方法时，先执行MyMixin中的`foo`方法，然后再执行组件中的`foo`方法。

值得注意的是，Vue3中的Mixins和Vue2中的Mixins略有不同，具体可参考[官方文档](https://v3.vuejs.org/guide/mixins.html)。