vue3 之 通用组件统一注册全局

components/index.js

// 把components中的所组件都进行全局化注册
// 通过插件的方式
import ImageView from './ImageView/index.vue'
import Sku from './XtxSku/index.vue'
export const componentPlugin = {
  install (app) {
    // app.component('组件名字'，组件配置对象)
    app.component('XtxImageView', ImageView)
    app.component('XtxSku', Sku)
  }
}

main.js注册

// 引入全局组件插件
import { componentPlugin } from '@/components'
app.use(componentPlugin)