vue开发技巧——批量注册全局组件

步骤：
1、首先在components 中新建一个 global.js（自定义命名） 文件global.js

//引入vue
import Vue from 'vue'
//引入同目录下的全部组件
const requireCom = require.context('.',false,/\.vue$/);
//依次进行注册
requireCom.keys().forEach(key => {
	//	字符串首字母大写处理
	function strUp(str){
		return str.charAt(0).toUpperCase() + str.slice(1);
	}
	//获取单个组件内容
	const _component = requireCom(key);
	//获取组件名称
	const _componentName = strUp(
	keys.replace(/^\.\//,'').replace(/\.\w+$/,''));
	
	//注册在vue上
	Vue.component(_componentName,_component.default || _component);
})

2、在入口文件main.js 中，引入这个global.js
main.js

import '@/components/global.js'