# vue3-crud

**Repository Path**: dda/vue3-crud

## Basic Information

- **Project Name**: vue3-crud
- **Description**: 基于vue3+element-plus实现的增删改查demo
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2022-01-24
- **Last Updated**: 2024-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, element-plus

## README

# Vue3 CRUD
## 简介
基于vue3+element-plus实现的增删改查demo

## 效果图
![](./doc/img/update.gif)

![](./doc/img/user.png)

![](./doc/img/code.png)

![](./doc/img/about.png)

## 实现功能
- 分页列表的查询
- 新增、修改、删除、详情查看
- 路由跳转

## 项目依赖
- vue 3.2.31
- vue-router 4.0.12
- element-plus 2.0.2

## 项目结构
```bash
├── doc
│   └── img
│       ├── about.png
│       ├── code.png
│       ├── update.gif
│       └── user.png
├── public
│   └── favicon.ico
├── src
│   ├── api
│   │   ├── changeLog.js
│   │   └── user.js
│   ├── assets
│   │   ├── style
│   │   └── logo.png
│   ├── components
│   ├── directive
│   ├── router
│   │   └── index.js
│   ├── store
│   ├── utils
│   │   └── apiResult.js
│   ├── views
│   │   ├── code
│   │   ├── user
│   │   ├── About.vue
│   │   └── Main.vue
│   ├── App.vue
│   └── main.js
├── .env.development
├── .env.production
├── .env.staging
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── README.md
├── index.html
├── package-lock.json
├── package.json
└── vite.config.js
```

## 运行
```bash
cd vue3-crud
npm install
npm run dev
```