今天给大家分享一款优秀的Vue流畅渲染大数据表格组件库UmyUI。
![2cc0b859d9b8bd3bd4e81b76a6942142.png](https://i-blog.csdnimg.cn/blog_migrate/7c9fbe15cd2f409b2db5a9646adbadea.jpeg)
umy-ui 基于 vue2.x 构建的高性能组件库。完美解决表格十万级大数据卡顿、编辑表格卡顿等问题。
![14c98bce498ddda8d6b404bad110f93e.gif](https://i-blog.csdnimg.cn/blog_migrate/49c078d0e0e242b30a29436d59a3c06a.gif)
特色
- 文档:涵盖umy-ui各个方面,给开发者方向指导和设计理念。
- 组件:众多组件覆盖开发过程的各个需求,组件功能丰富,u-table组件解决表格万级数据渲染卡顿问题。
- 布局:收集众多的常用页面和布局,减少开发者的重复工作。
- 工具库:众多的贴心小工具,让您更专注于开发。
![291117aa2cc96437d293f5f57d3d9c96.png](https://i-blog.csdnimg.cn/blog_migrate/3b90f48a5a3506fa05213547dd472c89.jpeg)
安装
$ npm i umy-ui -S
引入组件
// 全局引入import Vue from 'vue'import UmyUi from 'umy-ui'// 引入样式import 'umy-ui/lib/theme-chalk/index.css'Vue.use(UmyUi)// 按需引入import { UTable, UTableColumn } from 'umy-ui'Vue.component(UTable.name, UTable)Vue.component(UTableColumn.name, UTableColumn)
![c8b182b2d6b66984453a5ec35a7e8227.png](https://i-blog.csdnimg.cn/blog_migrate/093eb6b8028816ba7fb0c8961bdeec5c.jpeg)
快速使用
没有查询到符合条件的记录
提供丰富的文档说明(基础表格、虚拟表格、编辑表格等API)。
![884f7966717a54c5a93770d0fcfd834c.png](https://i-blog.csdnimg.cn/blog_migrate/348abb2951d1507f2b783bce64b14fa6.jpeg)
![8be6268e5ac26573c37871373e399339.png](https://i-blog.csdnimg.cn/blog_migrate/3b45dbf593b7f65ad8f89557c542f005.jpeg)
![9ced09e6a45c99e5b55affd1061c9ae8.png](https://i-blog.csdnimg.cn/blog_migrate/1afb336c521a8618fa191a062045a83c.jpeg)
![73e0cb1536e1f8a87d18c6f60087cd42.png](https://i-blog.csdnimg.cn/blog_migrate/1b5753f897422145f56280c3225fb032.jpeg)
![4289d057384523e44b7d0419ac393d54.png](https://i-blog.csdnimg.cn/blog_migrate/d46cee5b4eeec44f58ec3cb3c1e34cef.jpeg)
非常丰富的一款多功能表格+组件库,无卡顿渲染大数据表格,大家不可错过~~
最后附上项目文档及地址链接。
# 文档地址https://www.umyui.com/# 仓库地址https://github.com/u-leo/umy-ui
ok,就介绍到这里。如果大家有其它优秀Vue组件库,欢迎交流讨论哈!