vue全局管理自定义组件

参考官方API https://cn.vuejs.org/v2/api/#Vue-component

1. 创建baseComponents.js

// 基础组件全局管理
import ChooseModal from "_c/choose-modal";
import Editor from "_c/editor";
import GroupUpload from "_c/group-upload";
import ICascader from "_c/i-cascader";
import ICheckBox from "_c/i-check-box";
import IDatePicker from "_c/i-date-picker";
import IDrawer from "_c/i-drawer";
import IImport from "_c/i-import";
import IInput from "_c/i-input";
import IInputNumber from "_c/i-input-number";
import IModal from "_c/i-modal";
import IRadio from "_c/i-radio";
import ISelect from "_c/i-select";
import IText from "_c/i-text";
import ITextarea from "_c/i-textarea";
import ITimePicker from "_c/i-time-picker";
import ITreeSelect from "_c/i-tree-select";
import MapModal from "_c/map-modal";
import QrCode from "_c/qr-code";
import UploadFile from "_c/upload-file";

function baseComponents(Vue) {
    if (baseComponents.installed) {
        return
    }
    Vue.component('ChooseModal', ChooseModal)
    Vue.component('Editor', Editor)
    Vue.component('GroupUpload', GroupUpload)
    Vue.component('ICascader', ICascader)
    Vue.component('ICheckBox', ICheckBox)
    Vue.component('IDatePicker', IDatePicker)
    Vue.component('IDrawer', IDrawer)
    Vue.component('IImport', IImport)
    Vue.component('IInput', IInput)
    Vue.component('IInputNumber', IInputNumber)
    Vue.component('IModal', IModal)
    Vue.component('IRadio', IRadio)
    Vue.component('ISelect', ISelect)
    Vue.component('IText', IText)
    Vue.component('ITextarea', ITextarea)
    Vue.component('ITimePicker', ITimePicker)
    Vue.component('ITreeSelect', ITreeSelect)
    Vue.component('MapModal', MapModal)
    Vue.component('QrCode', QrCode)
    Vue.component('UploadFile', UploadFile)

}
export default baseComponents

2. main.js注册

import BaseComponents from '@/utils/baseComponents'
Vue.use(BaseComponents)

3. 直接使用