局部引用(单个组件引用)
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、使用
Vue官网mixins介绍