Vue3增删改查demo源码

2024年05月22日 编程 暂无评论 阅读70 次

介绍

一个vue纯前端的增删改查的demo源码

用来学习vue的一些组件和功能非常不错,实现的功能也是很实用的
毕竟UI仔最常见的操作就是增删改查

项目教程来自B站,原本也配套了源码。
https://space.bilibili.com/94560450/channel/collectiondetail?sid=582261&spm_id_from=333.788.0.0
https://github.com/yanmiao99/vue3-go-crud-project

不过源码实际跑的时候发现after源码又增加了后端的go接口的代码不能直接运行了
before的源码没有go接口,但是也有一些bug跑不起来。
我将源码改了改,纯前端,clone之后直接npm install,npm run dev就可以运行了

项目具体介绍

支持增加item,删除,编辑
支持多选删除
支持对姓名的搜索
纯前端mock的数据

后期有时间还可以加上pinia的数据持久化缓存,现在刷新页面增加的数据就没了

源码地址

https://gitcode.com/atandroid/vue3crudDemo/overview

 

标签:

给我留言

登录

忘记密码 ?

切换登录

注册