在Vue中，我們可以使用mixins來重用一些組件或者可重用的邏輯。Vue 3中，我們也可以使用mixins，但是使用方法有所不同。在Vue 3中，我們需要定義一個常量來表示mixin，同時我們還需要使用defineComponent方法。

首先，我們需要使用createApp方法來初始化我們的Vue實例：

import { createApp } from 'vue';
const app = createApp({});

接下來，我們需要定義一個mixin。我們可以在任何組件中使用這個mixin，這個mixin中包含了一些可重用的邏輯：

export const myMixin = {
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++;
}
}
}

我們可以使用defineComponent方法來定義我們的組件，并且在components選項中使用我們的mixin：

import { defineComponent } from 'vue';
import { myMixin } from './myMixin';
export default defineComponent({
name: 'myComponent',
mixins: [myMixin],
data() {
return {
message: 'Hello!'
}
},
methods: {
greet() {
console.log(this.message);
}
}
});

我們可以在組件中訪問mixin中的數據和方法。如果mixin和組件有相同的選項，那么組件中的選項會覆蓋mixin中的選項。如果有多個mixin，那么后面的mixin會覆蓋前面的mixin中的選項。

我們也可以在我們的mixin中使用setup函數。setup函數中返回的對象會被合并到組件的選項中：

export const myMixin = {
setup() {
const state = reactive({
count: 0
})
const increment = () =>{
state.count++;
}
return {
state,
increment
}
}
}

我們可以在組件中使用我們的mixin：

import { defineComponent, reactive } from 'vue';
import { myMixin } from './myMixin';
export default defineComponent({
name: 'myComponent',
mixins: [myMixin],
setup() {
const state = reactive({
message: 'Hello!'
});
return {
...myMixin.setup(),
state,
greet() {
console.log(state.message);
}
};
}
});

我們可以使用return語句來指定哪些屬性應該被合并到組件的選項中。我們也可以使用setup函數來定義返回對象，這個對象會被自動解構并合并到組件的選項中。

在Vue 3中，使用mixins是一種非常強大的重用代碼的方式。使用mixins可以幫助我們增加代碼的可重用性，并且可以使我們的代碼更加簡潔和易于維護。