概述

基于视图与模型分离的设计原则，Reactive Form 对视图开发的技术选型和设计模式没有任何限制。 Reactive Form 模型层封装了变更模型状态和订阅变更的接口，无论使用什么技术栈开发， 都可以基于相同的模型 API 来驱动。对于高定制化场景，可直接基于 Reactive 或内置引擎，构建适宜的视图层。

内置引擎组件

Reactive Form 提供了内置引擎配套的视图组件，实现了内置引擎各模型的绘制及可视化配置， 另外，还提供了注册组件的方法，无论是内置引擎已集成的成员类型，还是扩展出的新成员类型， 都可以对其配套组件进行替换或挂载。如果定制化需求不高，可使用内置引擎的配套组件， 结合 sass 变量 和 css 样式的覆盖，达到预期效果。

内置引擎组件提供 React 版和 Vue 版。 后续组件教程的绝大部分内容，会围绕内置引擎配套的组件展开，以使读者熟悉和掌握它们的作用和用法， 也为需要直接基于模型层定制视图的读者提供参考思路。

小结

• Reactive Form 遵循视图与模型分离的设计原则。
• 对于高定制化场景，可直接基于 Reactive 或内置引擎，构建适宜的视图层。
• 如果定制化需求不高，可使用内置引擎的配套组件，结合 sass 变量 和 css 样式的覆盖，达到预期效果。