![cfcd691cdb0ec96dc6064cef3206aedd.png](https://i-blog.csdnimg.cn/blog_migrate/1af4686cae462e5ddb6b5d5b4a9c9faf.jpeg)
今天要说的这个组件库是京东自研的vue ui组件库:NutUI,目前最新的版本是2.2.0,有近50个组件
项目地址:
https://nutui.jd.com/
NutUI是一套京东风格的移动端Vue组件库,开发和服务于移动Web界面的企业级前中后台产品。
特性
- 30+ 京东移动端项目正在使用
- 基于京东APP 7.0 视觉规范
- 支持按需加载
- 详尽的文档和示例
- 支持定制主题
- 支持多语言(国际化)
- 支持 TypeScript
- 支持服务端渲染(Vue SSR)
- 单元测试加持
- 配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程
![d6b009f550b4f86f1e7788f22702e7f0.png](https://i-blog.csdnimg.cn/blog_migrate/787345b88fa185174022d11331d431e8.jpeg)
这几次版本的迭代,也比我之前关注的时候多了五六个新的组件,实用性又增强了不少,但是比vant的组件多样化还差一些
![7b059afd5ed240869c9d59ef09e8d31a.png](https://i-blog.csdnimg.cn/blog_migrate/d879320f529b38d7fb9297506d511a4c.jpeg)
接下来我就少量截取一些ui的示例图,供大家参考
![d3c7a1d3a1e9c27c75aa6d88d9c8abaa.png](https://i-blog.csdnimg.cn/blog_migrate/5e4bb630abf8ddb8bad9e3c575e7f8c7.jpeg)
![86f128bc0c48d512cf4774c0ef549795.png](https://i-blog.csdnimg.cn/blog_migrate/5fc17bef477cd8341b54e85e264cc1ac.jpeg)
![dd00a5ca11fd6b243b50f7c87779979d.png](https://i-blog.csdnimg.cn/blog_migrate/ce002d8c5af2742a4c026aaabfa8d39e.jpeg)
![3a0e79554defcd68e8cddc3c17ada478.png](https://i-blog.csdnimg.cn/blog_migrate/306dd2f006325e2498baa30780fe8797.jpeg)
![4c8713190cf08c3f408d3d8b28fe7341.png](https://i-blog.csdnimg.cn/blog_migrate/e53e12e0f006aca42c759e34db687d7e.jpeg)
因为这款组件库之前在其它项目上有用过,但是之前版本低了,缺少很多东西,无奈只能自己去完善,整体来说还是很耐用,大家也可以持续关注下