混入 #

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能，一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项被“混合”进入该组件本身的选项。

// 定义一个混入对象

var myMixin={
    created:function(){
        this.hello()
    },
    methods:{
        hello:function(){
            console.log('hello world')
        }
    }
}
Vue.component('comp',{
    mixins:[myMixin]
})

“混入”可以提高组件的复用功能，例如：上面所写的 hello 这个方法，不仅在一个组件中使用，还会

在其它组件中使用。那么，我们的处理方式就是，可以将 hello 这个方法单独定义在一个地方，如果某个组件想要使用，可以直接将该方法注入到组件中。