整理统一注册vue自定义常用组件的方法

整理统一注册vue自定义常用组件的方法

一,统一目录下封装好组件  
二,统一到一个js文件中导出,

如:import modal from '@cs/modal/'   

const views = {

    modal,

}

const install = function(Vue){

    Object.keys(views).forEach((key) => {

        Vue.component(key,views[key])

    })

}

const API = {

    install

}

export default API;

三,统一在入口js,中注册完成

import myUI from '@cs/index.js'

Vue.use(myUI)

即完成了vue中全局的组件统一注册,不用再单独引入使用了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容