Vue mixins 是 Vue.js 提供的一個特性，可以用來復用組件中的代碼片段，提高開發效率。在 Vue 中創建 mixin 是非常簡單的。我們只需要新建一個普通的 JavaScript 文件，在其中定義我們想要復用的邏輯。然后在需要使用該邏輯的組件中混入 mixin 即可。

下面是一個示例 mixin，它能夠在組件被銷毀時清空組件中的所有數據：

const dataCleanupMixin = {
beforeDestroy() {
Object.keys(this.$data).forEach(key =>{
delete this.$data[key];
});
}
};

我們可以在需要使用該 mixin 的組件中混入它：

import dataCleanupMixin from './data-cleanup-mixin.js';
export default {
name: 'MyComponent',
mixins: [dataCleanupMixin],
// ...
};

上面這段代碼中，我們在組件的選項中添加一個 mixins 屬性，并將需要混入的 mixin 作為數組元素傳入。這樣，就能夠在組件銷毀時使用該 mixin 中定義的清空數據邏輯了。

除了定義基本的邏輯之外，mixin 還可以提供一些選項和鉤子函數，用于影響組件的生命周期和行為。混入多個 mixin 時，它們的選項和鉤子函數都會按照順序依次執行。如果多個 mixin 定義了相同的選項或鉤子函數，Vue 將按照數組順序合并它們。如果有鉤子函數返回了一個對象，則 Vue 將把該對象合并到組件的選項中。

總之，Vue mixin 是一個非常有用的特性，可以幫助我們復用組件中的代碼、提高開發效率。我們可以將一些通用的邏輯提取出來，定義成 mixin，然后在需要使用它們的組件中混入。這樣能夠讓我們的代碼更加簡潔、易于維護，也能夠讓我們的生產力得到提升。