一窜代码注册文件所有组件

一些自定义的全局组件，需要一个个的引入。 这很烦！！
于是我加了个js文件批量注册

//  index.js
import Vue from 'vue'
/**
 * directory=./ 扫描 当前目录下面所有的文件
 * useSubdirectories = false, 表示不需要递归扫描所有子文件夹
 * regExp=/\.vue$/ 代表扫描所有.vue 结尾的文件
 */
const context = require.context('./', false, /\.vue$/)

/**
 * context.keys() 返回所有匹配到的文件路径
 */
context.keys().forEach(key => {
  // 通过context(key) 获得对应的文件   .default 代表 export default 所导出的内容
  const component = context(key).default
  // 安装vue组件
  Vue.component(component.name, component)
})

注意

这个文件得在main.js文件中引入。
这个文件是用组件明为 组件的html名称， 切记必须有 必须不一样。