混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
局部引用(单个组件引用)
1、创建 mixin.js 文件
export var myMixin = {
methods: {
hello: function () {
console.log('hello from mixin!')
},
showMixin: function () {
alert("我是Mixin")
}
}
}
2、在Student组件使用
全局引用
1、在main.js中引用,添加到vm中
import {myMixin} from "./mixin/mixin";
Vue.config.productionTip = false
Vue.mixin(myMixin)
2、使用