摘要:import { useForm } from '@vorms/core';const { register, handleSubmit } = useForm({initialValues: { email:
在前端开发中,表单验证一直是个让人头疼的问题。但今天要给大家介绍一个尤雨溪都点赞的表单验证工具 —— Vorms。
它只有 12KB,曾获得尤雨溪的强烈推荐,绝对是 Vue 3 开发者的福音!
Vorms 是一个基于 Vue 3 的表单验证库,采用 Composition API 构建,轻量、灵活,让你用最少的代码实现最强的功能。
它不仅体积小,而且支持多种验证器,满足各种复杂需求。
npm install @vorms/core使用示例:
import { useForm } from '@vorms/core';const { register, handleSubmit } = useForm({initialValues: { email: '', password: '' },onSubmit(data) { console.log('提交数据:', data); },});const { value: email, attrs: emailAttrs } = register('email');const { value: password, attrs: passwordAttrs } = register('password');EmailPassword提交Vorms 的设计理念汲取了众多优秀开源项目的精华,并在此基础上进行了创新融合。例如:
Formik:作为 React 生态中备受推崇的表单库,其强大的功能和灵活的扩展性给了 Vorms 很多启发。React Hook Form:凭借简化 React 表单开发流程的特性,在前端开发领域赢得了广泛赞誉,Vorms 也从中汲取了简化的思想精髓。VeeValidate:为 Vue 开发者提供了强大且便捷的表单验证功能,其对 Vue 生态系统的深度适配和良好的用户体验,为 Vorms 的设计提供了重要参考。来源:不秃头程序员一点号