vue 中的 mixin 简单总结
混入 (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、使用