vue3+vite搭建后台项目-3 使用自定义插件批量注册全局组件

• 1.在components文件夹目录下创建一个index.ts文件：用于注册components文件夹内部全部全局组件

//引入组件
import SvgIcon from './SvgIcon/index.vue'
import type { App, Component } from 'vue'
const components: { [name: string]: Component } = { SvgIcon }
export default {
  //必须是install方法
  install(app: App) {
    // Object.keys 返回一个数组
    Object.keys(components).forEach((key: string) => {
      app.component(key, components[key])
    })
  },
}

• 2.在main.ts入口文件中

import gloablComponent from './components/index';
app.use(gloablComponent);