Vue中的混入，是一種在組件之間可重復利用代碼的方式。它允許我們將一些共用的代碼抽離出來，使得每個組件只需要關注自身的業務邏輯，從而提高了代碼的可維護性和復用性。

混入實際上是一個對象，可以在Vue組件中引入，并且會將這個對象中的所有屬性和方法合并到組件中，這樣我們就可以不用重復編寫一些相似的代碼，并且可以在需要修改這些公用代碼的時候，只需要修改混入對象中的代碼即可。

// 這是一個自定義的混入對象
var myMixin = {
methods: {
showMessage: function () {
console.log('Hello Vue!');
}
}
}

可以看到我們在混入對象中定義了一個showMessage方法，現在如果我們想要在某個Vue組件中使用這個方法，只需要在組件中使用mixins選項引入這個混入對象即可。

// 引入混入對象
var myComponent = Vue.extend({
mixins: [myMixin],
methods:{
// 自己的業務代碼
}
})

以上代碼中的myComponent組件現在便具有了混入對象中的showMessage方法，我們可以直接在組件中調用這個方法。

this.showMessage(); // 輸出: Hello Vue!

混入對象中的方法會被Vue組件中的同名方法覆蓋，混入的順序會影響到最終結果，后混入的會優先于先混入的。

混入除了可以包含methods屬性以外，還可以包含data，computed等屬性和方法，它們會和組件內部的同名屬性或方法進行合并，以組件內部的為準。

// 自定義混入對象
var myMixin = {
data: function() {
return {
count: 0
};
},
methods: {
incrementCount: function() {
this.count++;
}
}
}
// 引入混入對象
var MyComponent = Vue.extend({
mixins: [myMixin],
data: function() {
return {
name: 'Vue'
};
},
methods: {
changeName: function(newName) {
this.name = newName;
}
},
computed: {
computedName: function() {
return this.name + ' is great';
}
}
})
var vm = new MyComponent();
console.log(vm.count); // 0
vm.incrementCount();
console.log(vm.count); // 1
console.log(vm.name); // Vue
vm.changeName('React');
console.log(vm.name); // React
console.log(vm.computedName); // React is great

可以看到，混入對象中的count屬性和incrementCount方法被合并到了MyComponent組件中，同時并沒有被組件內部的name、changeName、computedName屬性與方法覆蓋。

Vue中的混入，是一個非常實用的功能，它可以在不影響組件本身開發的基礎上，重復利用一些公用的代碼，提高了代碼的可維護性和復用性。