Vue全局组件的注册

1.在src文件夹目录下创建一个overAllComponent.js文件

//引入项目中全部的全局组件
import SvgIcon from '../components/SvgIcon/Svgicon.vue'
//全局组件对象
const overAllComponent = {SvgIcon}
export default {
    //自定义插件方法
    install(app){
        //对象转数组，遍历
        Object.keys(overAllComponent).forEach(key => {
            //注册全局组件
            app.component(key,overAllComponent[key])
        })
    }
}

使用Object.keys()方法，将对象转数组遍历，避免多次全局注册造成代码重复。这里只能导出install方法。

2.在入口文件引入src/overAllComponent.js文件,通过app.use方法安装自定义插件

import OverAllComponent from './components/OverAllComponent'
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.use(OverAllComponent)