mixin混入

2019独角兽企业重金招聘Python工程师标准>>>

①新建mixin.js文件

const mixin = {
  methods: {
   /**
    * 分页公共方法
    */
    handleSizeChange(val) {
      this.pageData.size = val;
      this.query();
    },
    handleCurrentChange(val) {
      // 获取当前页
      this.pageData.currentPage = val;
      this.query();
    }
  }
}
export default mixin;

②页面引用

import mixin from '@/utils/mixin';
export default {
	mixins: [mixin],
	data(){
		return {
			
		}
	}
}

使用mixin混入能更好的复用一些相同功能，此demo只是针对分页的一些公共设置,当然也可以对其他复用，利用,钩子函数中的部分，项目中的分页，基本每个页面都有，每个页面也一遍太繁琐，而且不好维护。

转载于:https://my.oschina.net/shuaihong/blog/2246265