封装的好处多多，代码便于维护、减少代码量、减少BUG
前台封装以前没有尝试过，这回试试，哈哈
目录
2、树组件封装
3、下拉框组件封装
4、上传组件封装
列表组件的API
| 属性 | 说明 | 类型 | 默认值 |
| url | 请求列表数据的地址 必填 | String | 无 |
| pagingOption | 列表底部是否显示分页信息及总数，有两个配置项 showPaging、showTotal | Object | 显示分页及总数信息 |
| cols | 列定义 必填 | Array | 无 |
| height | 列表高度 选填 | Number | 500 |
| checkBox | 是否显示复选框 选填 | Boolean | 显示 |
事件
onSelect：选择某一行时触发，返回值是当前行数据
slot
toolButtons：列表上方的工具按钮定义
列表组件的封装
1、dataTable.vue文件
2、dataTable.js
import dataTable from './dataTable.vue'const _dataTable = { install:function(Vue){ Vue.component('WtDataTable',dataTable) }}export default _dataTable 3、添加组件到Vue中
import WtDataTable from './components/table/dataTable.js'Vue.use(WtDataTable)
列表组件的应用（简单）
以系统日志模块举例
syslogPerformance.vue
效果
列表组件应用（复杂）
效果
我的博客即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=ewx3bubweekk