How to use the vue.component function in vue

Vue.component("fieldSelectOneOrMore", SelectOneOrMore);
Vue.component("fieldDateSelect", dateSelect);
Vue.component("fieldJsonEditor", jsonEditor);


Vue.use(ElementUI, {locale});
Vue.use(Vuetable);
Vue.use(Vuecard);
Vue.use(VuetablePagination);
Vue.use(DetailedRow);

Vue.component('custom-actions', CustomActions);
Vue.component('table-view', TableView);
// Vue.component('voyager-view', VoyagerView);
Vue.component('recline-view', ReclineView);
Vue.component('action-view', ActionView);
Vue.component('list-view', ListView);
Vue.component('model-form', ModelForm);
Vue.component("vuetable", Vuetable);
Vue.component("vuecard", Vuecard);
Vue.component("select-one-or-more", SelectOneOrMore);
Vue.component("detailed-table-row", DetailedRow);
Vue.component("vuetable-pagination", VuetablePagination);

Vue.component("fieldJsonEditor", jsonEditor);


Vue.use(ElementUI, {locale});
Vue.use(Vuetable);
Vue.use(Vuecard);
Vue.use(VuetablePagination);
Vue.use(DetailedRow);

Vue.component('custom-actions', CustomActions);
Vue.component('table-view', TableView);
// Vue.component('voyager-view', VoyagerView);
Vue.component('recline-view', ReclineView);
Vue.component('action-view', ActionView);
Vue.component('list-view', ListView);
Vue.component('model-form', ModelForm);
Vue.component("vuetable", Vuetable);
Vue.component("vuecard", Vuecard);
Vue.component("select-one-or-more", SelectOneOrMore);
Vue.component("detailed-table-row", DetailedRow);
Vue.component("vuetable-pagination", VuetablePagination);

function registerComponents(){
    
    Vue.component('ConfigAdd', ConfigAdd);
    
    Vue.component('ConfigTable', ConfigTable);
    Vue.component('ConfigTable2', ConfigTable2);
    Vue.component('LoginDialog', LoginDialog);
    Vue.component('ConfigTableSimple', ConfigTableSimple);
    Vue.component('ConfigTableSimpleFilter', ConfigTableSimpleFilter);
    
    //tree
    Vue.component('SimpleTree', SimpleTree);
    Vue.component('SimpleTreeWithIcon', SimpleTreeWithIcon);

    // upload file
    Vue.component('UploadFile', UploadFile);
    Vue.component('UploadHistory', UploadHistory);

    // User

// Import Vue
import Vue from 'vue'

// Import F7
import Framework7 from 'framework7'

// Import F7 Vue Plugin
import { Framework7Vue, f7Navbar, f7Page } from 'framework7-vue'

// Init F7 Vue Plugin
Vue.use(Framework7Vue, Framework7)

Vue.component('f7-navbar', f7Navbar)
Vue.component('f7-page', f7Page)

// Routes
import routes from '~/f7/routes'

// Disable android contextmenu
window.oncontextmenu = function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
};

// standalone polyfill for Android
if (window.navigator.standalone === undefined) {
    window.navigator.standalone = window.location.href.indexOf('standalone=true') > 0
}

Vue.use(ForkMeOnGithub)
Vue.use(BootstrapVue)
Vue.component('star-rating', StarRating)
Vue.component('lv-timeline', LVTimeline)
Vue.component('word-cloud', WordCloud)
Vue.component('img-left', ImageLeft)
Vue.component('sectionlink', SectionLink)
Vue.component('toc', TOC) // table of contents (of child nodes)
Vue.component('Nodelink', NodeLink)
Vue.component('v-table', VTable)
Vue.component('v-svg', VSVG)
Vue.component('vc-table', VCTable)
Vue.component('mermaid', Mermaid)
Vue.component('mermaidp', MermaidP)
Vue.component('mj', MathJaxComponent)
Vue.component('info-card', InfoCard)
Vue.component('l-map', LMap)
Vue.component('l-tilelayer', LTileLayer)
Vue.component('l-marker', LMarker)
Vue.component('summary-table', SummaryTable)
Vue.component('table-component', TableComponent)
Vue.component('table-column', TableColumn)
Vue.component('kanban', Kanban)
Vue.component('mermaid-board', MermaidBoard)
Vue.component('d3-board', D3Board)
Vue.component('tagsearch', TagSearch)
Vue.component(VueWordCloud.name, VueWordCloud)

sync(store, router)

const util = require('./util.js')
util.parseQueryString(window.lconfig, window.location.href) // fill in global config object from url params

import("/home/devue/myItem/vuepress-blog/docs/video-summary/README.md").then(comp => {
        Vue.component("v-e1e4cd6047f37", comp.default)
        next()
      })
    }

Vue.component('c-channel-selector', channelSelector);
    Vue.component('c-comment-guard', commentGuard);
    Vue.component('c-episode-list', episodeList);
    Vue.component('c-episode-progress', episodeProgress);
    Vue.component('c-episode-rating-state-chart', episodeRatingStateChart);
    Vue.component('c-episode-records-chart', episodeRecordsChart);
    Vue.component('c-favorite-button', favoriteButton);
    Vue.component('c-flash', flash);
    Vue.component('c-follow-button', followButton);
    Vue.component('c-impression-button', impressionButton);
    Vue.component('c-impression-button-modal', impressionButtonModal);
    Vue.component('c-input-words-count', inputWordsCount);
    Vue.component('c-like-button', likeButton);
    Vue.component('c-mute-user-button', muteUserButton);
    Vue.component('c-omitted-synopsis', omittedSynopsis);
    Vue.component('c-rating-label', ratingLabel);
    Vue.component('c-record', record);
    Vue.component('c-record-rating', recordRating);
    Vue.component('c-record-sorter', recordSorter);
    Vue.component('c-record-textarea', recordTextarea);
    Vue.component('c-record-word-count', recordWordCount);
    Vue.component('c-relative-time', relativeTime);
    Vue.component('c-share-to-facebook-button', shareToFacebookButton);
    Vue.component('c-share-to-twitter-button', shareToTwitterButton);
    Vue.component('c-sidebar', sidebar);
    Vue.component('c-sign-up-modal', signUpModal);
    Vue.component('c-slot-list', slotList);
    Vue.component('c-spoiler-guard', spoilerGuard);
    Vue.component('c-status-selector', statusSelector);
    Vue.component('c-tab-bar', tabBar);
    Vue.component('c-untracked-episode-list', untrackedEpisodeList);
    Vue.component('c-user-actions-dropdown', userActionsDropdown);

import ObjectForm from '@/components/ObjectForm'
import ObjectGrid from '@/components/ObjectGrid'
import ClassEditor from '@/components/ClassEditor'
import ClassSelector from '@/components/ClassSelector'
import ProcessDesigner from '@/components/ProcessDesigner'
import WorkItemHandler from '@/components/WorkItemHandler'
import SVGActivity from '@/components/SVGActivity'
import SVGEvent from '@/components/SVGEvent'
import SVGGateway from '@/components/SVGGateway'

import PropertyPanelStartEvent from '@/components/PropertyPanelStartEvent'

Vue.component('service-locator', ServiceLocator);
Vue.component('iam-login', IAMLogin);
Vue.component('instance-view', InstanceView);
Vue.component('object-grid', ObjectGrid);
Vue.component('object-form', ObjectForm);
Vue.component('class-editor', ClassEditor);
Vue.component('class-selector', ClassSelector);
Vue.component('process-designer', ProcessDesigner);
Vue.component('process-designer', WorkItemHandler);
Vue.component('svg-org-uengine-kernel-humanactivity', SVGActivity);
Vue.component('svg-org-uengine-kernel-defaultactivity', SVGActivity);
Vue.component('svg-org-uengine-kernel-bpmn-startevent', SVGEvent);
Vue.component('svg-org-uengine-kernel-bpmn-endevent', SVGEvent);
Vue.component('svg-org-uengine-kernel-bpmn-gateway', SVGGateway);
Vue.component('svg-org-uengine-kernel-bpmn-parallelgateway', SVGGateway);
Vue.component('org-uengine-kernel-bpmn-startevent', PropertyPanelStartEvent);
Vue.component('org-uengine-kernel-defaultactivity', PropertyPanelStartEvent);
Vue.component('org-uengine-kernel-humanactivity', PropertyPanelStartEvent);

Vue.use(Router)

import Vue from 'vue'

Vue.component('G2Line1', resolve => { require(['@/components/G2/charts/Line/1.vue'], resolve) })
Vue.component('G2Pie1', resolve => { require(['@/components/G2/charts/Pie/1.vue'], resolve) })
Vue.component('G2Column1', resolve => { require(['@/components/G2/charts/Column/1.vue'], resolve) })