1、登录注册：
用到的组件 显示组件：el-button 提交数据组件: el-form(el-form-item) ,el-input
2、布局学习：
2.1、主页布局
布局组件el-container === el-header , el-aside , el-main， 导航组件：el-menu(el-menu-item,el-menu-group),el-submenu,
3、用户管理
3.1 用户列表
组件： 1、布局组件： [el-row ,el-col] , 2、导航组件： el-breadcrumb(el-breadcrubm-item),el-card, 3、提示组件： message, messageBox(消息弹框可以点击确认，简化版的el-diaglog),el-dialog(新的小页面弹框),el-tooltip(悬浮提示) 4、提交数据组件：el-input, el-switch,[el-select,el-option], 5、显示数据组件：el-button，el-table， el-pagination 添加用户，编辑用户，删除用户。查询用户（根据id查询）。 分配用户角色。
3.2 角色管理：
组件： 1、布局组件：el-row,el-col 2、导航组件：el-breadcrumb,el-card 3、提示组件： el-dialog 3、显示数据组件： el-button, el-table,el-tag,el-tree, 4、提交数据组件： 添加角色，编辑角色，删除角色。查询角色。 角色授权，删除角色授权。
3.3 权限管理：（权限就是增加，删除，查找，编辑）
组件： 1、导航组件：el-breadcrumb ,el-card。
2、显示数据组件： el-table ,el-tag标签显示。 菜单列表权限。
4.1商品分类
1、布局组件：el-row,el-col
2、导航组件：el-breadcrumb ,el-card
3、提示组件：el-dialog,
4、显示组件：vue-table-with-tree-grid, el-ion(在i标签使用),el-tag,el-button,el-pagination,
5、提交数据组件:el-form(2个输入框)，el-cascader(级联选择)
4.2 参数管理
1、 功能：更具ID查询参数，动态参数静态参数，编辑参数，删除参数
4.3 商品列表
功能： 根据ID查询商品，添加商品，编辑商品（商品的数据，商品的金额，创建时间），删除商品。 1、布局组件：
2、导航组件：el-breadcrumb,el-card,
3、提示组件：
4、显示组件：el-pagination,vue-table-with-tree-grid,el-icon,el-button
添加商品组件页面：this.$router.push('/goods/add') 1、导航组件：el-breadcrumb,el-card,el-steps(步骤条), el-tabs(tab栏) 3、提示组件：el-alert 4、显示组件：el-dialog, 5、提交组件：e-form，el-input,el-cascader，el-upload, 1、基本信息：商品名称，价格，重量。 el-form,el-input,el-cascader,el-checkbox 商品参数：标签 商品属性：属性 商品图片：图片。上传图片。el-upload,data配置请求头部headers，监听上传成功后，拼接图片对象，将图片信息对象push到pics数组中，。处理图片预览效果。 处理删除图片操作findIndex。loadsh:深拷贝。 商品内容：介绍内容。富文本编辑器：vue-quill-editor/wange-editor，quill-editor。
2、 其他信息： 导购信息：品牌，品类词，利益点。 销售信息： 支付信息： 物流信息： 图文描述：
5.1 订单列表
订单详情。修改地址。 4、显示组件 Timeline(进度)
6.1 数据统计
6.1 运单列表
7.1 提派列表
8.1账单列表
9.1 基础服务（服务范围）
总结：布局类：
一、总布局(3个)： Container ，NavMenu,Layout。 常用的3个：Container，NavMenu，Layout
二、单页布局(5个)： Breadcrumb，Card，Tabs, Steps, Row,Col。 常用的3个：面包屑，标签栏，下拉菜单。
三、基本简单组件(3个)：button， icon，border。
四、提示组件：8个 Message,MessageBox,Alert,Tooltip(popover,popconfirm),Loading，Notification。 常用组件： Message，Alert，Tooltip(3个。)。
五、显示数据(11个)： table，tree,pagination,vue-table-with-tree-grid，tag， 常用的5个：表格，分页。标签。树形。标记。 不常用的：描述列表，进度条，头像，骨架屏，空状态，结果。
六、提交数据(16个)：Form，input，select(cascader)， transfer,inputnumber,radio(checkbox),upload，switch， slide, Time/Date/DateTime/ColorPicker,rate 常用的4个：表单，输入框，选择器级联选择器。
单选框，复选框，穿梭框。 3个。
时间日期时间日期颜色选择器，计数器。5个。
上传，滑块，开关，评分。4个
七、其他功能组件(10个)： 常用的：DiaLog(编辑对话框)，折叠面板。 时间线。分割线。日历，图片，无限滚动，走马灯，回到顶部，抽屉。
