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

 

posted @ 2022-08-07 19:22  ajaXJson  阅读(19)  评论(0编辑  收藏  举报