批量注册组件

165 阅读1分钟

在公共组件components文件中新建一个 index.js文件

//导入vue
import Vue from 'vue'
// 里面的function就相当于install方法,抛出一个install()方法
export default function(Vue) {
// context(文件路径,是否深度查找,匹配基础组件文件名的正则表达式)
  const requireComponent = require.context('./', true, /\.vue$/)
  requireComponent.keys().forEach((item) => {
//获取组件配置
  const componentConfig = requireComponent(item).default  
//全局注册组件
  Vue.component(componentConfig.name,componentConfig)
  })
}

在min.js中导入index.js 

import XXX from '@/components'
Vue.use(XXX)