mixins是用来实现混和的,即组件中公用到的功能或者公用的库用mixins实现 mixin可以在全局插入使用,可以用来给所有的vue实例添加可重复使用的属性,方法及特性,比如使用mixin创建一个ajax,在方法里统一针对 401、403、404、500 …… 状态进行处理。
例如:为所有vue添加公共的属性:
import Vue from 'vue'Vue.mixin({ data(){ return { message1:'test' } }, created: function () { console.log(8888) }})复制代码
在main.js中引入:
import Vue from 'vue'import Index from './index.vue'import router from './router/router'import componentRegister from './components/componentRegister'import mixin from './common/mixin'new Vue({ el: '#app', router, mixin, componentRegister, template: '', components: { Index } //render: h => h(Index)})复制代码