Vue后台项目的记录 （二）

1、品牌静态管理组件

1. 表单
   
2. 分页器
   

2、品牌列表展示

1. 创建相关接口文件
   
2. 获取品牌管理数据的模块
   
3. 统一接口管理
   
4. 在main.js中引入，之后在任意组件中就可以使用了
   
5. 发请求，获取品牌列表的接口
   
6. 展示数据
   
   
   
   @current-change="handlecurrentchange currentPage改变时会触发
   
   该方法有正常写法和优化写法
   正常写法如下
   
   优化写法
   方法处直接调用getPageList()接口
   如： @current-change=“getPageList”
   pager：为传入的页码，如果没传，说明就是第一页
   
   
   
7. 结果展示
   

3、修改品牌和添加品牌静态组件

1. 添加静态组件
   
   
   
2. 修改静态组件
   
3. 上传
   
   
   上传的相关回调：
   

4、添加品牌

1. 相关接口
   
2. 收集品牌的信息
   
   
   action：设置图片上传的地址
   
   
   
   
   
   

5、修改品牌

要进行浅拷贝，双向绑定，直接赋值相当于表格内的数据同时也会被修改

row的信息

6、表单验证

1. 自定义验证规则
   
   
   
   

7、删除品牌

1. 删除品牌的事件
   
   
2. 相关接口