37vue中mixin配置项（混入，混合）

vue中mixin配置项（混入，混合）

mixin(混入)

功能: 可以把多个组件共用的配置提取成一个混入对象

使用方式:

第一步定义混合，例如:
    {
        data(){...},
        methods:{....}
    }
第二步使用混入，例如;
    (1).全局混入: Vue.mixin(xxx)
    (2).局部混入: mixins: [ "xxx']
  

数据: 与组件中的数据冲突时，选择保留组件数据，如果只读数据，则报错，否则不报错。
方法: 与组件中的数据冲突时，选择保留组件方法，不报错
生命周期: 与组件中的生命周期冲突时，是融合的，先执行mixin，后执行组件生命周期。

mixin：即, 将多个组件共有功能可抽离为一个混合，分别混入。（所有配置项都可用）
如果，组件中包含混合相同名数据、方法，以组件数据为主；生命周期则是合并。

组件中的mixins是先加载的，例：生命周期中mounted，是先执行 mixins，后再执行mounted。

实例

局部混入

import {method,data,mount} from '../mixins/mixin';
export default {
    ...
    mixins:[method,data,mount]
    }

全局混入

import { method } from './mixins/mixin';
Vue.mixin(method)