Vue 3 CRUD 示例项目

这是一个基于Vue 3 + Vite + Element Plus的简单CRUD（创建、读取、更新、删除）示例项目，实现了基本的用户管理功能。

功能特性

• 用户列表展示
• 添加新用户
• 编辑已有用户
• 删除用户
• 搜索用户功能

技术栈

• Vue 3 Composition API
• Vite 构建工具
• Element Plus UI库
• Axios（HTTP请求库，示例中为模拟请求）

项目设置

安装依赖

npm install

开发环境运行

npm run dev

生产环境构建

npm run build

项目结构

src/
├── assets/         # 静态资源
├── components/     # 组件
│   └── UserCrud.vue # 用户CRUD组件
└── App.vue         # 主应用组件

实现细节

这个示例项目展示了如何在Vue 3中使用Composition API和Element Plus组件库来实现CRUD操作。在实际项目中，您需要将模拟API替换为真实的后端API调用。

模拟API

现在项目使用前端模拟数据，您可以在UserCrud.vue文件中找到注释掉的Axios示例代码，可以替换为实际的API调用。

许可

MIT