Vue3通用组件全局注册(通过插件的方式）

---

如有错误地方，非常欢迎各位大佬批评指正

---

一、为什么要进行全局注册

在大型项目开发过程中，会存在多个通用型组件，有可能在多个业务模块中共享，所以需要统一进行全局组件注册。

二、如何进行全局注册

可以将所有通用型组件发到一个文件夹中，如下图的components。将components下的组件都注册成全局组件分两步进行。第一步是新建一个index.js文件，并在index.js中定义一个插件，第二步是在main.js中注册这个插件。

1、在index.js中定义一个插件

在index.js中定义一个插件，将components中的文件都注册成全局文件。

/*
export const 插件名={
    install(app){
        app.component('组件名字',组件的配置对象)
    }
}
*/

import ImageView from './ImageView/index.vue'
import Sku from './XtxSku/index.vue'
export const componentPlugin={
    install(app){
        app.component('XtxImageView',ImageView)
        app.component('XtxSku',Sku)
    }
}

2、在main.js中注册插件

//引入插件
import { componentPlugin } from './components'
//注册插件
app.use(componentPlugin)