批量自动完成全局组件注册

一般我们在写好一个组件后，可以到main.js文件中进行全局注册

// 全局组件注册
// 以UploadExcel组件为例
// import UploadExcel from '@/components/uploadExcel'
// UploadExcel组件内已经标识name为"UploadExcel"(如下图)
// Vue.component(UploadExcel.name, UploadExcel)

自动全局组件注册的方法：

//  const 返回值 require.context('要读取的文件夹','是否读取子文件夹',匹配文件)
// 返回值是一个function,传入读取文件的路径能类似import导入组件的操作
export default {
  install(Vue) {
    // 1:读取某文件夹下的文件，拿到所有文件
    const req = require.context('./', true, /\.vue$/)
    // 2:拿到所有读取文件的路径
    req.keys().forEach((item) => {
      // 3:实现文件导入
      //   com想当于就是导入的组件
      const com = req(item).default
      Vue.component(com.name, com)
    })
    console.log(req.keys())
  }
}