vue 3自定义表单组件核心是逻辑抽离与ui封装：通过useform封装验证、提交等能力，用defineprops/defineemits规范接口，reactive+ref统一管理状态，并支持v-model双向绑定。
Vue 3 中自定义表单组件用组合式 API 编写，核心是“逻辑抽离 + UI 封装”：把验证、状态、提交等通用能力封装成可复用的 Composable 函数（如 useForm），再通过 defineProps 和 defineEmits 实现父子通信，让组件专注渲染和交互。
定义 props 和事件接口
自定义表单组件需明确接收什么字段、支持哪些配置、向外抛出什么事件。使用 defineProps 声明输入结构，defineEmits 声明输出行为：
- props 支持传入字段配置列表（如 label、key、type、rules）
- 支持默认值、禁用态、只读态等控制项
- emits 至少包含 update:modelValue（用于 v-model）、submit、reset、validate-fail 等标准事件
用 reactive + ref 管理内部状态
表单值、错误、加载态等应统一管理，避免散落在多个 ref 中：
