Vue全局注册base文件中自己封装的组件

1.我的目录结构

base.PNG

2.utils中的global-register.js

import Vue from 'vue'
function register (compontentContext) {
 compontentContext.keys().forEach(item => {
   const compontentConfig = compontentContext(item)
   // 兼容import export 和 require module.export两种规范
   const component = compontentConfig.default || compontentConfig
  Vue.component(component.name, component)
  })
}
register(require.context('@/base', true, /\.vue$/))

3.main.js引入

import './utils/global-register'

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容