GAARA

本文摘要介绍了使用Element Plus组件库实现登录注册页面的静态布局和功能开发。主要包括：1)通过el-row和el-col实现响应式栅格布局，左侧展示背景图，右侧放置表单；2)使用v-if/v-else指令切换登录/注册表单；3)详细讲解了表单校验的实现步骤：创建formModel数据对象、定义rules校验规则、绑定prop属性等。文章还提供了代码示例，展示了如何配置用户名校验（必填项、长度限制等）的完整流程。整个实现基于Vue3的script setup语法，并结合Element Plus的表单

使用Vue3组件式API使用Pinia进行持久化处理使用Element-plus作为组件库(提供表单校验,表格处理和组件封装等功能)使用升级的包管理工具pnpm使用ESLint+Prettier作为代码规范使用husky(Git hook工具)作为代码提交的规范校验使用VueRouter4作为路由设置和请求模块的设计尝试使用AI(deepseek或chatGPT),向其提出明确的,描述准确的功能需求,让其返回可为我们所用的代码