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、使用

 

 Vue官网mixins介绍