今天给小伙伴们分享一款高质量的Vue桌面UI组件库KUI-VUE。
![42fb8808438c1f07c5cca41c450e678e.png](https://i-blog.csdnimg.cn/blog_migrate/2987efdffcbd30062906e6239bc3d14b.jpeg)
kui-vue 基于vue2.x构建的PC端组件库。精美的UI设计、可定制化主题配置、支持SSR及Nuxt,兼容IE9。
![04c90c2154f5ec8b86ea223aace98f32.gif](https://i-blog.csdnimg.cn/blog_migrate/698d2f5e3bfd630c0fa4ad99c41fa4f1.gif)
功能特性
- 丰富的组件,提供35+实用组件
- 精美的UI,可定制主题
- 支持SSR、Nuxt
- 兼容IE9+
![0d558aaa5338ad26e321feaaea2849c7.png](https://i-blog.csdnimg.cn/blog_migrate/fa199e4a7e2e96f28ff1deeb417d62be.jpeg)
安装
$ npm i kui-vue -S
快速引入
// 全局引入import Vue from 'vue';import kui from 'kui-vue'; import 'kui-vue/dist/k-ui.css'; Vue.use(kui);// 按需引入import Vue from 'vue';import { Button, Radio } from 'kui';Vue.use(Button);Vue.use(Radio);
![9f1e5c72df0082d247ba23402f3fd419.png](https://i-blog.csdnimg.cn/blog_migrate/3da63d00fdc794a1aa9ceef743a35859.jpeg)
使用组件
搜索 Backward
![23e34c477ebfd9067e6962c142fabb4f.png](https://i-blog.csdnimg.cn/blog_migrate/a7b3057ab48709154bf28fbc47690106.jpeg)
![afa326d8d003779d163d846436114dc6.png](https://i-blog.csdnimg.cn/blog_migrate/5f94f001620e2c35d1367fc1624c2120.jpeg)
![c6848379125b72e2a544697c4b51d0cf.png](https://i-blog.csdnimg.cn/blog_migrate/699c53be57fd47d0eca58f28618505b8.jpeg)
![5a43faaf3a444123f2c0ca5c592e0c50.png](https://i-blog.csdnimg.cn/blog_migrate/b5c327f2bd798396557d2f2bfa9af8be.jpeg)
![6b4a606c8d414b6109871a42c8cb5e72.png](https://i-blog.csdnimg.cn/blog_migrate/3c047e68ab7cd9149fae93090ebb2594.jpeg)
![a3fa2f69d89244ae1712fb79e8f470ca.png](https://i-blog.csdnimg.cn/blog_migrate/f67c01d6c1f020f42c330c412ee7abd9.jpeg)
![81aa502c3cfd2fdea68e3bd628e74f7a.png](https://i-blog.csdnimg.cn/blog_migrate/03ea011e3de8b4f5f49bbdf08a53b482.jpeg)
![6ef8a51eff03cd1b97ecae57beb0cfed.png](https://i-blog.csdnimg.cn/blog_migrate/3676d41d41a6a7e09361b71645cac4ab.jpeg)
另外还支持CDN引入使用。
挺棒的一款精美丰富的UI组件库,能满足日常开发需求,大家不可错过哟~
ending 附上文档及项目地址链接。
# 文档地址https://k-ui.cn# gitee仓库https://gitee.com/chuchur/kui-vue
ok,就分享到这里。希望能帮助到你,有需要的同学可以去看下哈!