**一次配置,终身受用**红圈是接下来将要配置的:
(图1)
(图2)
配置文件:
（图3）
AutoConfigComponents:内部包含了(图1和图2红圈)的公共组件 如下:
(图4)
AutoConfigDynamicData...:包含了自定义数据(图1和图2)
如下:
(图5)
在将要使用的组件里面需要导入两个文件:AutoConfigDynamicData...和AutoConfigComponents, 一个是动态数据的展示另一个是公共的组件
如下:
(图6)
接着将自定义数据遍历拿到prop,插入到(DataSearchForm),这是v-model所要绑定的数据:
(图7)
之后将自定义数据传过去(AutoConfigComponents)进行展示:
(图8)
上图蓝色圈可以从AutoConfigDynamicData...导入自定义数据。而左边接收值的名称,建议不要更改。如果要更改的话，(图4)里面的UserDynamicSearchForm也都要更改.
上图红色圈的变量是用来V-mode双向的数据绑定的,
上图绿色圈的内容是获取组件实例拿到暴露的函数进行调用，实现重置
数据按钮的功能.图片如下(图9和图10):
(图9)
在将要使用的组件内调用:
(图10)
最后在补充一点,下图可以使用template或者动态组件展示,里面可以根据需求进行自定义自定数据和条件渲染(AutoConfigComponents一小段截图完整图看图4):
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。