使用自定义插件批量注册全局组件
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);