Uncaught TypeError: mix is not a constructor

//home.wpy
import mix from '@/mixins/tabs/xxx.js'
export default class extends wepy.page {
     mixins=[mix]
}

//xxx.js
import wepy from 'wepy'
export default class extends wepy.mixin{
  data = {
      ...
    }
    onLoad() {
            this.getData()
        }
    async getData() {
            const { data: res } = await wepy.request({
                url: 'xxxx',
                method: 'GET',
                data: {}
            })
          ...
        }
}