让前端飞Web前端之路

vue混入minix

2020-04-23  本文已影响0人  裸泳的小熊

个人理解的混入:混入就是写一个公共的文件或者对象(结构和各组件的写法一样,export default {}内的东西都可以写,data,methods,mounted等等),然后在需要的地方mixins: [MinXin],就可以了

1、单页引入

//定义一个mixins.js
export default {
  data(){
    return {
      applyNum:0  
    }
  }
  methods: {
    addNum() {
      this.applyNum++;
    }
  }
};
//order.vue中引入
import MinXin from '@/mixins/mixins.js'
export default {
  mixins: [MinXin],
}

2、全局引入

//定义一个mixins.js
export default {
  data(){
    return {
      applyNum:0  
    }
  }
  methods: {
    addNum() {
      this.applyNum++;
    }
  }
};
//main.js中引入
import MinXin from '@/mixins/mixins.js'
Vue.mixin(MinXin);
上一篇 下一篇

猜你喜欢

热点阅读