Vue2.0 + TypeScript 批量组件全局注册

1、如我的src/components/data目录下，现有一个名叫data-empty.vue的文件，代码如下

<template>
  <div class="custom-empty">
    <div v-if="content" class="empty-title">{
  {content}}</div>
    <div v-else class="empty-title">{
  {$route.meta.title}}页面正在努力维护中，请耐心等待。</div>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';

@Component({})
export default class DataEmpty extends Vue {
  @Prop({ default: '' }) content!: string;
}
</script>

2、在src/utils/common下新增一个component.ts文件，代码如下

import Vue from 'vue';

export default {
    install(vue: typeof Vue): void {
        const requireComponent = require.context(
            '@/comp