Vue2 + TS 中使用mixin方式

mixin文件

// 表格相关的mixin
import { Component, Vue } from 'vue-property-decorator'

// 必须声明是什么类型的 不然无法进行混入 原则上@Component只能混入@Component
@Component
export default class TableMixin extends Vue {
  // 要混入的方法必须是public的 不能是static的 不然无法找到
  formatterCellval(row, column, cellValue, index): string | number {
    if (!cellValue) {
      return '-'
    }
    return cellValue
  }
}

引入并混入

import { Component, Vue } from 'vue-property-decorator'
import TableMixin from '@/mixins/table'

// 在这里进行混入
@Component({
  mixins: [TableMixin]
})
export default class Area extends Vue {
    // 你的代码内容
}

注意事项

1. 属性可以混入（包括私有）
2. 函数可以混入（只能是public的）
3. 同名属性无法混入，会报错
4. 混入文件必须为ts文件