mixin的使用

创建混入对象并导出

import {debounce} from "./utils";

export default itemListenerMixin = {
    mounted() {
        let newRefresh = debounce(this.$refs.scroll.refresh,100)
        this.itemImgListener = () => {
            newRefresh;
        }
        this.$bus.$on('itemImgLoad',this.itemImgListener);    
    }
}

在组件对象中使用

• 引入

import {itemListenerMixin} from "common/maxin";

• 组件对象

mixins: [itemListenerMixin],

注意：
合并的时候各个属性的合并规则不同，例如，组件中的周期函数会进行合并，但是methods只会合并各个函数，而当组件和mixin中含有同一个函数事，该函数的内容以组件为主进行覆盖。