vue mixin的使用

1,029 阅读1分钟

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: '<Index/>',
  components: { Index }
  //render: h => h(Index)
})