课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。
    
注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。（本产品主要是卖问答服务，视频价格太低不单独卖，嫌价格高者勿拍）

你将获得：            

业务组件二次封装技巧，场景应用，交互

课程大纲

01. 了解课堂学习内容（1节）
1.第1节 了解课程内容 7分钟

02. button按钮组件封装 - 1（10节）
1.第1节 定义主题色 14分钟
2.第2节 定义边框、圆角、禁用效果 8分钟
3.第3节 type属性生成主题按钮 10分钟
4.第4节 边框、圆角、禁用 6分钟
5.第5节 size属性 8分钟
6.第6节 min-width弹性宽度 6分钟
7.第7节 图标生成 - 1 7分钟
8.第8节 图标生成 - 2 8分钟
9.第9节 图标生成 - 3 6分钟
10.第10节 块级按钮 7分钟

03. button按钮组件封装 - 2（4节）
1.第11节 loading加载按钮 5分钟
2.第12节 loading点击事件 6分钟
3.第13节 loading异步加载 7分钟
4.第14 自定义主题颜色 8分钟

04.table组件封装 - 1（8节）
1.第1节 初始列表组件规范 8分钟
2.第2节 定义数据配置表头 6分钟
3.第3节 复选框、索引、宽度属性配置 6分钟
4.第4节 自定义渲染文本 8分钟
5.第5节 插槽渲染组件 6分钟
6.第6节 作用域插槽传输数据 6分钟
7.第7节 axios请求数据 5分钟
8.第8节 配置url请求地址 6分钟

05.table组件封装 - 2（8节）
1.第9节 渲染第2个接口的数据 6分钟
2.第10节 接口传参 7分钟
3.第11节 初始化请求和手动请求 6分钟
4.第12节 onload数据回 6分钟
5.第13节 格式化数据后渲染列表 6分钟
6.第14节 获取checkbox的数据 6分钟
7.第15节 sorttable排序 2分钟
8.第16节 远程排序sortBy属性 6分钟

06.table组件封装 - 3（7节）
1.第17节 table组件封装 - 动态组件 6分钟
2.第18节 动态组件-读取文件 6分钟
3.第19节 动态组件-映射组件 6分钟
4.第20节 动态组件-组件生成 6分钟
5.第21节 动态组件-function类型渲染 6分钟
6.第22节 动态组件-文本渲染 7分钟
7.第23节 table组件封装 - 完结 6分钟

07.form组件封装 - 1（10节）
1.第1节 了解基本元素 6分钟
2.第2节 定义item渲染表单项 6分钟
3.第3节 字段绑定 6分钟
4.第4节 了解校验规则 6分钟
5.第5节 传统方式绑定校验规则 4分钟
6.第6节 form-item对象配置校验规则 6分钟
7.第7节 required属性，生成必填校验 7分钟
8.第8节 message手动生成和自动生成 7分钟
9.第9节 添加新的校验规则 7分钟
10.第10节 自定义校验规则 6分钟

08.form组件封装 - 2（9节）
1.第11节 配置phone手机号校验规则 8分钟
2.第12节 抽离校验方法 6分钟
3.第13节 提交按钮渲染 6分钟
4.第14节 提交表单校验数据 6分钟
5.第15节 提交按钮的加载交互 8分钟
6.第16节 数据重置，callback事件回调 8分钟
7.第17节 使用自己封装的button按钮 6分钟
8.第18节 动态组件-watch 初始化数据 8分钟
9.第19节 动态组件-update方法 7分钟

09.select组件封装 - 1（9节）
1.第1节 初始化select 6分钟
2.第2节 初始化option 6分钟
3.第3节 动态option的key 8分钟
4.第4节 动态option的key 6分钟
5.第5节 接口异步数据 7分钟
6.第6节 接口异步数据 7分钟
7.第7节 远程搜索 6分钟
8.第8节 远程搜索定义字段名称 6分钟
9.第9节 远程搜索配置、多选 6分钟

10.select组件封装 - 2（3节）
1.第10节 自定义模板 7分钟
2.第11节 自定义模板 6分钟
3.第12节 select组件封装 - 完结 6分钟
11.checkbox、radio组件封装（6节）
1.第1节 集成复选框组件 6分钟
2.第2节 初始化数据 6分钟
3.第3节 一个体验的bug 6分钟
4.第4节 抽离公共对象 6分钟
5.第5节 公共对象的混合 7分钟
6.第6节 checkbox组件封装 - 完结 6分钟

12.date日期组件封装（6节）
1.第1节 type日期类型配置 6分钟
2.第2节 placeholder占位符配置 6分钟
3.第3节 picker-options禁用日期的规则 6分钟
4.第4节 配置禁用日期 6分钟
5.第5节 自定义禁用日期规则 7分钟
6.第6节 format日期格式 - 完结 6分钟

13.upload上传组件（10节）
1.第1节 upload初始化 6分钟
2.第2节 元素类型 6分钟
3.第3节 自定义上传区域尺寸 6分钟
4.第4节 自定义接口上传文件 6分钟
5.第5节 自定义接口上传文件 11分钟
6.第6节 自定义删除 6分钟
7.第7节 限制上传数量、回调提示 7分钟
8.第8节 限制上传文件的大小 6分钟
9.第9节 删除动作回调 10分钟
10.第10节 upload上传组件封装 - 完结 6分钟

14.switch开关组件（6节）
1.第1节 switch初始化样式 6分钟
2.第2节 选中状态过滤动画 6分钟
3.第3节 配置打开和关闭状态的值 8分钟
4.第4节 单击事件回调 6分钟
5.第5节 异步方法，更新动画 6分钟
6.第6节 switch组件封装 - 完结 6分钟

15.code验证码组件（6节）
1.第1节 验证码初始化样式 6分钟
2.第2节 帐号输入组件 6分钟
3.第3节 自定义回调函数更新账号 6分钟
4.第4节 自定义beforeChange属性，调用接口 7分钟
5.第5节 倒计时效果 6分钟
6.第6节 倒计时效果 - 完结 6分钟

16.password密码组件（5节）
1.第1节 密码组件初始化 7分钟
2.第2节 右侧眼睛切换文本类型 7分钟
3.第3节 获取密码的值 7分钟
4.第4节 正则校验密码 6分钟
5.第5节 两次密码的对比 - 完结 7分钟

17.form表单场景应用（9节）
1.第1节 控件分栏 6分钟
2.第2节 控件分栏 7分钟
3.第3节 初始化隐藏控制 6分钟
4.第4节 元素交互隐藏控制 6分钟
5.第5节 关联元素交互隐藏控制 6分钟
6.第6节 关联元素交互隐藏控制 7分钟
7.第7节 关联元素交互隐藏控制 7分钟
8.第8节 关联元素交互隐藏控制 10分钟
9.第9节 元素禁启用交互控制 9分钟