封装组件库-组件的全局注册 - 秦添的个人博客

实现组件的全局注册

以chooseArea组件为例

路径：src/components/chooseArea/src/index.ts

    //引入组件
    import chooseArea from './index.vue'
    import { App } from 'vue'
    export default{
    //install安装
    install(app: App){
        //注册组件
        app.component('my-choose-area',chooseArea)
        }
    }

在components/index.ts里use

    import { App } from 'vue'
    import chooseIcon from './chooseIcon/src'
    import chooseArea from './chooseArea/src'

    const components = [
        chooseArea,
        chooseIcon
    ]

    export default {
        install(app: App){
            components.map(item=>{
                app.use(item)
            })
        }
    }

src/main.ts里配置

    import qtUI from './components'
    //链式调用
    app.use(router).use(ElementPlus).use(qtUI)