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 {
// 這里是所有的根對象
}