发表于: 2020-03-29 23:34:31

0 1816


今日完成

全局混入

也可以全局注册混入对象。注意使用! 一旦使用全局混入对象,将会影响到 所有 之后创建的 Vue 实例。使用恰当时,可以为自定义对象注入处理逻辑。

// 为自定义的选项 'myOption' 注入一个处理器。

Vue.mixin({

  created: function () {

    var myOption = this.$options.myOption

    if (myOption) {

      console.log(myOption)

    }

  }

})

new Vue({

  myOption: 'hello!'

})

// => "hello!"

选项将被混入该组件本身的选项。


var vm = new Vue({


    el: '#databinding',


    data: {


    },


    methods : {


    },


});


// 定义一个混入对象


var myMixin = {


    created: function () {


        this.startmixin()


    },


    methods: {


        startmixin: function () {


            document.write("欢迎来到混入实例");


        }


    }


};


var Component = Vue.extend({


    mixins: [myMixin]


})


var component = new Component()


返回列表 返回列表
评论

    分享到