vue mixin的使用

最新推荐文章于 2022-02-27 20:21:12 发布

weixin_33935777

最新推荐文章于 2022-02-27 20:21:12 发布

阅读量111

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5ae16b0d6fb9a07acc1168cb

版权

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)
})
复制代码

转载于:https://juejin.im/post/5ae16b0d6fb9a07acc1168cb