刚学习的 小伙伴 都为增删改查而发愁 我现在都为你们解决

我这也是第一次来使用这个社交软件 但是大部分都是要钱的 还有一些根本没有用 

废话不多说 

我用的是 vue3+ element-pals 自己创建的数据 用的是json数据 

我要一步一步来教你们 

第一步 ：先把自己的json数据给放到自己的文件夹里面 设置一个data文件夹 里面放着自己的数据

我这里面有3条数据 

第一步 咱们下载上vue3 的文件之后 使用  npm run dev 来开启 在终端再开启一个任务端来启用后端

接下来 开启后端 的json 

有人问了 怎么开启 之间在终端使用这段代码  json-server ./src/data/users.json

只要出现这个 就成功了

这样咱们就进行下一步 实现 axios的二次封装 

创建axios文件 来一个index.js

如果想多了解axios二次封装 可以去官网产看 我这些 只是简单的进行 axios进行封装  我想写多一点但是我怕初学者学不会  这些代码都是在官网粘贴复制 只是修改了部分而已 只要有红框的 都是我自己修改的 这就是以为的状态码200成功 如果不成功也会给你展示为什么不回实现的原因 

好 这一步咱们 实现完了 咱们 可以去 获取数据了 

第一 来自定义一个 tododata数组 

第二 ：咱们来使用vue3前端和后端进行交互来实现获取数据 

这是在后端来获取数据 

在element-plus中 来 获取表格 这是我修改的部分 

第二 prop里面就是咱们自定义数据的姓名 图片邮箱的名称 把自定义的tododata给赋值到:data="tododata"

你写完这一步 你就实现了 获取数据 就是这样的

第二步 删除 

删除 不用多出 直接上代码 

好 接下来 咱们直接 添加 修改 直接使用一个弹框 来实现添加修改功能

里面也有实现图片上传我也帮你们标出来的

好 这样 添加 修改用一个弹框 这样我也给你们写一个 上传图片的一个功能  自己研究吧

最后 实现搜索功能 

ok 搜索也完成了 

增删改查 全部完成 自己看看能不能懂 不懂来评论我再依靠你们的评论我再详细跟你们讲 要不然我自己讲也不知道哪些是重点