# 调整 Regle 是 Vue 3 的类型安全、基于模型、无头表单验证库。它提供完整的 TypeScript 推理、反应式验证，并可与任何 UI 框架或设计系统配合使用。 ## MCP 服务器 Regle 提供了一个 MCP 服务器，可用于获取 Regle 的文档和自动完成功能。如果可用，请使用它来获取有关 API 的最新信息。 { “mcp服务器”：{ “规则”：{ “命令”：“npx”， “args”：[“@regle/mcp-server”] } } } ## 安装 ````嘘 # 核心+内置规则 pnpm 添加 @regle/core @regle/rules # 可选：模式支持（Zod、Valibot、ArkType） pnpm 添加 @regle/schemas 需要 Vue 3.3+ 和 TypeScript 5.1+。 ## 快速入门从'@regle/core'导入{useRegle}；从 '@regle/rules' 导入 { required, email, minLength }; const { r$ } = useRegle( { 姓名：''，电子邮件：'' }, { 名称: { 必需, minLength: minLength(3) }, 电子邮件：{必填，电子邮件}， } ）； <模板>

{{ 错误 }}

## 关键概念 * **State** ：第一个参数 - 原始对象、`reactive`、`ref` 或单个值 * **Rules** ：第二个参数——镜像数据结构，每个字段都有一个规则对象 * **`r$`** ：返回带有值、错误、脏状态和验证方法的反应对象 * 所有规则默认都是可选的；添加“required”以强制执行字段 ## 核心主题 |描述 |参考 ---|---|--- 使用规则 |状态定义、规则声明、动态规则、`r$` 对象 | [core-use-regle]() 内置规则 |来自 `@regle/rules` 的所有验证规则 | [核心内置规则]() 验证属性 | `$invalid`、`$dirty`、`$error`、`$errors`、`$pending`、`$validate`、`$touch`、`$reset` | [核心验证属性]() 显示错误 |显示错误、自定义消息、`getErrors`、`flatErrors` | [核心显示错误]() 修改器 | `autoDirty`、`lazy`、`silent`、`rewardEarly`、`disabled`、`validationGroups`、每个字段修饰符 | [核心修饰符]() ## 规则主题 |描述 |参考 ---|---|--- 自定义规则 |内联规则、`createRule`、反应式参数、异步规则、元数据 | [核心自定义规则]() 规则包装器 | `withMessage`、`withParams`、`withAsync`、`withTooltip`、链接 | [核心规则包装器]() 规则运算符| `and`、`or`、`xor`、`not`、`applyIf`、`assignIf`、`pipe` | [核心规则操作符]()

定居

包含技能