1、mixin是什么?
Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类。Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂。
2、Vue中的mixin
- 官方定义:mixin(混入),提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。
- 本质其实就是一个js对象,它可以包含我们组件中任意功能选项,如data、components、methods、created、computed等等。
- 我们只要将共用的功能以对象的方式传入 mixins选项中,当组件使用 mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来。
- 在Vue中我们可以局部混入跟全局混入
2-1、局部混入
定义一个mixin对象,有组件options的data、methods属性
var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log('hello from mixin!')
}