在Vue 3中，当使用Options API时，您仍然可以以类似于Vue 2的方式使用混入。

const mixin = {
  created() { console.log('Mixin'); },
};

export default {
  name: "Modal",
  components: { Loader },
  mixins: [mixin]
};

但是对于Composition API，您必须使用可组合函数来替代混入：

// Composable declaration function
import { onMounted } from 'vue';

export function useMixin() {
  onMounted(() => console.log('Mixin'));
  return {};
}

// In your component
import { useMixin } from './mixin';
import Loader from './Loader';

export default {
  name: "Modal",
  components: { Loader },
  setup() {
    useMixin();
    return {};
  },
};

可组合函数在使用Vue 3的Composition API时，相比混入提供了更明确和灵活的替代方案。