一.

首先在components中定义自定义组件

二.

然后在components下建立一个index.ts文件
index.ts中的代码如下

// 引入项目中全部的全局组件
import  SvgIcon from './SvgIcon/index.vue'
import pagination from './pagination/index.vue'
// 全局对象
const allGloablComponent:any = {SvgIcon, pagination}

// 对外暴露插件对象
export default{
    // 只能叫做install方法
    install(app:any){
        Object.keys(allGloablComponent).forEach(key => {
            app.component(key,allGloablComponent[key])
        })
    }
}

三.

然后在main.ts中加入下面图片中的两行代码