混入mixin

mixin

组件中的每一个配置项目，都可以写在公共的mixin.js中
export const hunhe = {
    methods:{
        showName(){
            alert(this.name)
        }
    }
}   

然后在每一个组件中引入。
    {使用花括号}因为hunhe是分别引入
    import { hunhe } from '../mixin'    

    mixins: [hunhe]

当混合的中的数据、方法和组件中的数据或方法有冲突，以组件中的数据为准。   
生命周期的钩子函数和混合中有冲突，都会存在，不会覆盖。

组件中可能有很多相同代码，可以借助混合来进行综合。

全局混合：main.js
    import { hunhe } from './mixin';

    Vue.mixin(hunhe)