什么是mixin？
混入 (mixin) 提供了一種非常靈活的方式僵驰，來分發(fā) Vue 組件中的可復用功能喷斋。一個混入對象可以包含任意組件選項。當組件使用混入對象時蒜茴，所有混入對象的選項將被“混合”進入該組件本身的選項星爪。
為什么使用mixin？
vue頁面開發(fā)時粉私，有些代碼在各個頁面總是要寫很多遍顽腾，代碼都是一摸一樣的，這時就需要mixin了诺核，可以讓頁面干凈整潔抄肖，代碼量減少，冗余代碼減少窖杀。
如何使用mixin漓摩？
一般來說，注入mixin有兩種方式：
舉個栗子??,以一個簡單的數(shù)字遞增來看：
exampleMixin.js
export default {
data() {
return {
count: 0
}
},
methods: {
addCount() {
setInterval(() => {
this.count++
}, 1000)
}
},
created() {
this.addCount(); // 結(jié)果：一秒遞增1
}
}
- 頁面自身注入方式：
// test.vue
import mixin from 'mixins/exampleMixin'
export default {
mixins: [mixin],
// 業(yè)務(wù)代碼
....
}
- 全局注入方式：
//main.js
import Vue from 'vue';
import mixin from 'mixins/exampleMixin';
Vue.mixin(mixin)
