1.概要

在编写表单代码时，我们需要引入表单控件，每新增一个控件，就需要添加一次引用，这个比较麻烦的。

import RxInput from '@/form/RxInput';
import RxNumber from '@/form/RxNumber';
import RxTextarea from '@/form/RxTextarea';
import RxCheckboxlist from '@/form/RxCheckboxlist';
import RxCombobox from '@/form/RxCombobox';
import RxRadiobuttonlist from '@/form/RxRadiobuttonlist';
import RxDate from '@/form/RxDate';
import RxAttachment from '@/form/RxAttachment';

在通过代码：

components: {
    RxInput,
        RxNumber,
        RxTextarea,
        RxCheckboxlist,
        RxCombobox,
        RxRadiobuttonlist,
        RxDate,
        RxAttachment,

2.解决办法

这个可以使用动态引入来实现。

做法添加一个动态应用的JS代码。

这段代码实现的是读取 form目录，并将组件进行注册。

require.context 方法参数说明：

参数1： 指定的目录
参数2：是否递归子目录
参数3：正则表达式，过滤需要读取的文件。

在使用的时候，直接 import 这个文件就好。

import "./includeCompoment";

极大的简化了代码，且不容易出错。