Vue 中 extend 、mixins 、extends 的区别

• Vue.extend
• Vue.extend只是创建一个构造器,他是为了创建可复用的组件.
• mixins,extends
• 而mixins和extends是为了拓展组件.

优先级不同extend > extends > mixins. 

import BaseEdit from '@/pages/assetbuymgr/assetbuymgrBaseEditPage'
export default {
    extends: new BaseEdit(),
    components: {
    },
    props: {},
    computed: {},
    data () {
      return {}
    },
    methods: {},
    watch: {},
}

import BaseEditPage from '@/pages/baseEditPage.js'
export default class confBaseEditPage extends BaseEditPage {
  constructor (moduleName) {
    super()
    let config = {
      components: {
      },
      props: {},
      datas: {},
      mounted: function () {
      },
      computed: {},
      methods: {},
      watch: {}
    }
    config.data = function () {
      config.datas.formRules = this.initFormRule()
      return config.datas
    }
    // 这里可以添加修改
    config.datas.moduleName = moduleName
    let sysName = 'assetbuymgr'
    config.datas.sysName = sysName
    const sys = require('@/api/' + sysName + 'Api.js').default
    config.datas.apiInstance = sys
    this.config = config
    return config
  }
}

export default class BaseEditPage {
// 这里是所有的根对象
}