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('全局混入')  
}})

 

标签：function,混入,vue,mixins,mixin,hello
来源： https://www.cnblogs.com/ajaXJson/p/16559700.html