VUE前端增删改查学习步骤

1.在page下面的index.vue

首先写大体

加上布局大小和背景颜色

2.Menu相当于一个组件 在layout下面components加Menu.vue

3.写Menu.vue

4.在index里面 import Menu 并在sider里引入Menu （原本是菜单）

（一定要加height）

5.组件要渲染

6.user的详情和列表

写detail和List两个路由

7.写index——new路由（注意是子路由 layout下面的user下面的list）

8.修改菜单menu下面的路径

（注：不需要头部的时候在上面写这个）

增删改查（用户管理）

9.新写一个

   然后开写增删改查

定义路由的实例

用户列表的请求（必须写params 本来是键值对 但只是一个对象不能随时变值）

10.用户列表引入

（然后传过来的）

11.请求数据（async：请求异步）

然后（ref：  columns没用因为是绑定的  dataSource加了ref是要变动的数据）

12.开始弄分页

有点击选择分页的

（pagesize、pageNumber重点！！！）下面写好就能分页了

到此处就结束啦

 开始写删除

  

然后在这里一步一步写是字符串哦

加状态框

改一下

 定义然后要写接口

成功后提示

在record里面传id

到此删除就写完啦   

接下来写查询 

首先template里面写界面

 然后定义一个passData 传后端数据的 （渲染）

要赋值一个对象哦

下面的红线作用依次为：

1.必须加model 下面定义passData传数据

2.必须加name

3.v-model绑定value

4.<a-space>写出空隙

给passdata展开出来

写作用

回到page1并查询

记得写.value哦

重置的reset依次为：

页码 分页数据 传表单数据 请求对象

模态框封装成组件 

id拼给他 并且 传输整条数据（注意 put方法 和 传的data）

 formdata有没有id？

箭头函数搜到当前数据

可能修改可能新增

要改 用新对象包起来

新增 空对象

data.id传过去

一些

改成中文

下一节：组件