vue混入minix

个人理解的混入：混入就是写一个公共的文件或者对象（结构和各组件的写法一样，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);

本文章由javascript技术分享原创和收集