vue3-组件插件化-通用组件统一注册全局

1、components/index.js

// 把components中的所有组件都进行全局化注册

// 通过插件的方式
import { install } from 'element-plus'
import ImageView from './ImageView/index.vue'
export const componentPlugin = {
  install(app) {
    // app.ccomponent('组件名字',组件配置对象)
    app.component('ImageView',ImageView)
  }
}

2、mian.js中注册

// 引入全局组件插件
import { componentPlugin } from '@/components/index'

app.use(componentPlugin)

3、组件中使用      ，无需引入组件，直接使用即可

// import ImageView from "@/components/ImageView/index.vue";
<!-- 图片预览区 -->
<ImageView :image-list="goods.mainPictures" />