vue mixin
mixin提供了一种非常灵活的方式,来分发vue组建中的可复用功能
我们只要将共用的功能以对象的方式传入mixins选项中,当组建使用mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来
1.局部混入
定义一个mixin对象
var myMixin = { created:function(){ this.hello() }, methods:{ hello:function(){ console.log('hello from mixin') } } }
组建通过mixins属性调用mixin对象
Vue.component('componentA',{
mixins:[myMixin]
})
2.全局混入
//Vue.mixin()进行全局的混入
vue.mixin({ created:function(){
console.log('全局混入')
}})