個人理解:就是定義一些公共屬性或方法妒蔚,用于共用承疲,達到減少代碼量的作用焰络,在組件中使用混入,相當于將混入對象拷貝了一份到組件實例中(因為我嘗試過將混入對象中的屬性放入兩個組件中嗦哆,在單個組件中改變屬性值查看另一組件中這個屬性的值是否會變化谤祖,是事實并不會,太天真了吝秕,混入怎么會能做到vuex的效果呢泊脐,哈哈哈哈),
使用
注意:1.如果混入的屬性名與組件內的屬性名沖突了烁峭,則這一屬性得值使用組件內的值,2.混入的鉤子函數(shù)要先于組件的鉤子函數(shù)執(zhí)行
一.局部混入
1.在你項目的components新建一個mixins.js文件,里邊內容如下
const myMixin = {
data() {
return {
isNoData: false,
isShowLoding: true
}
}
}
export default myMixin;
2.在組件中使用
import MinXin from '@/components/MinXins/index.js'
export default {
mixins: [MinXin],
}
二.全局混入(在main.js中寫以下代碼)
注意:使用全局混入后约郁,那么所有的實例上都會將混入對象拷貝一份(盡量少是使用)
import MinXin from '@/components/MinXins/index.js'
Vue.mixin(MinXin);