Vue-ui常用组件库整理

快来打我* 2022-04-16 03:19 226阅读 0赞

# [**Vue-ui常用组件库整理**][Vue-ui] #

[**查看全部整理内容==》**][Vue-ui]

### **element-ui** ###

Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。

这款是我用了很久的，比较适合开发后台管理系统，官方更新和维护也很负责，组件也能满足大部分开发需求

文档官网:[http://element.eleme.io/\#/zh-CN][http_element.eleme.io_zh-CN]

*github:[http://github.com/elemefe][http_github.com_elemefe]*

### VUX ###

适合移动端

项目主页:[https://vux.li/\#/][https_vux.li]

github地址:[https://github.com/airyland/vux][https_github.com_airyland_vux]

### iview ###

继element之后尝试的组件库，个人感觉语法比element简洁许多，功能和使用方面也很相似，ui风格相比element更简练些定制主题也简单，组件库比ele多一些，可以尝试

iView 配套的工作流:[https://github.com/icarusion/vue-vueRouter-webpack][https_github.com_icarusion_vue-vueRouter-webpack]  
github地址:[https://github.com/iview/iview][https_github.com_iview_iview]  
官网:[https://www.iviewui.com/][https_www.iviewui.com]

### Mint UI ###

项目主页:[http://mint-ui.github.io/\#!/zh-cn][http_mint-ui.github.io_zh-cn]  
demo:[http://elemefe.github.io/mint-ui/\#/][http_elemefe.github.io_mint-ui]  
github地址:[https://github.com/ElemeFE/mint-ui][https_github.com_ElemeFE_mint-ui]  
中文文档地址:[http://mint-ui.github.io/docs/\#!/zh-cn][http_mint-ui.github.io_docs_zh-cn]

### Muse UI ###

响应性比较好

github地址:[https://github.com/museui/muse-ui][https_github.com_museui_muse-ui]  
中文文档地址:[http://www.muse-ui.org/\#/install][http_www.muse-ui.org_install]

### antd vue ###

只是列出来一下，不建议使用。比较早期的组件库，当时积累的很多用户，但是基本不更新，bug较多

中文文档:[http://okoala.github.io/vue-antd/\#!/components][http_okoala.github.io_vue-antd_components]  
github:[https://github.com/okoala/vue-antd][https_github.com_okoala_vue-antd]

### vue-mui ###

组件比较少

官网:[http://mui.yaobieting.com/][http_mui.yaobieting.com]  
github地址:[https://github.com/creatshare/vue-mui][https_github.com_creatshare_vue-mui]

### radon-ui ###

大概看了一下，渲染方式和iview很相似，组件也比较丰富，可以尝试下

中文文档：[https://luojilab.github.io/radon-ui/\#!/][https_luojilab.github.io_radon-ui]  
github:[https://github.com/luojilab/radon-ui][https_github.com_luojilab_radon-ui]

### weex ###

社区:[http://www.weex.help/][http_www.weex.help]  
官网:[http://weex-project.io/cn/][http_weex-project.io_cn]  
github:[https://github.com/alibaba/weex][https_github.com_alibaba_weex]

### N3 ###

想说这个文档界面看起来就很舒服啊~~

官网:[https://n3-components.github.io/N3-components/][https_n3-components.github.io_N3-components]  
中文文档:[https://n3-components.github.io/N3-components/component.html][https_n3-components.github.io_N3-components_component.html]  
英文文档:[https://github.com/N3-components/N3-components][https_github.com_N3-components_N3-components]

### vuikit ###

github:[https://github.com/vuikit/vuikit][https_github.com_vuikit_vuikit]  
英文文档:[https://vuikit.js.org/\#/][https_vuikit.js.org]

### Vue-layout ###

github：[https://github.com/jaweii/Vue-Layout][https_github.com_jaweii_Vue-Layout]

项目地址：[https://jaweii.github.io/Vue-Layout/dist/][https_jaweii.github.io_Vue-Layout_dist]

[Vue-ui]: https://github.com/calamus0427/blog_content/tree/master/vue
[http_element.eleme.io_zh-CN]: http://element.eleme.io/#/zh-CN
[http_github.com_elemefe]: http://github.com/elemefe
[https_vux.li]: https://vux.li/#/
[https_github.com_airyland_vux]: https://github.com/airyland/vux
[https_github.com_icarusion_vue-vueRouter-webpack]: https://github.com/icarusion/vue-vueRouter-webpack
[https_github.com_iview_iview]: https://github.com/iview/iview
[https_www.iviewui.com]: https://www.iviewui.com/
[http_mint-ui.github.io_zh-cn]: http://mint-ui.github.io/#!/zh-cn
[http_elemefe.github.io_mint-ui]: http://elemefe.github.io/mint-ui/#/
[https_github.com_ElemeFE_mint-ui]: https://github.com/ElemeFE/mint-ui
[http_mint-ui.github.io_docs_zh-cn]: http://mint-ui.github.io/docs/#!/zh-cn
[https_github.com_museui_muse-ui]: https://github.com/museui/muse-ui
[http_www.muse-ui.org_install]: http://www.muse-ui.org/#/install
[http_okoala.github.io_vue-antd_components]: http://okoala.github.io/vue-antd/#!/components
[https_github.com_okoala_vue-antd]: https://github.com/okoala/vue-antd
[http_mui.yaobieting.com]: http://mui.yaobieting.com/
[https_github.com_creatshare_vue-mui]: https://github.com/creatshare/vue-mui
[https_luojilab.github.io_radon-ui]: https://luojilab.github.io/radon-ui/#!/
[https_github.com_luojilab_radon-ui]: https://github.com/luojilab/radon-ui
[http_www.weex.help]: http://www.weex.help/
[http_weex-project.io_cn]: http://weex-project.io/cn/
[https_github.com_alibaba_weex]: https://github.com/alibaba/weex
[https_n3-components.github.io_N3-components]: https://n3-components.github.io/N3-components/
[https_n3-components.github.io_N3-components_component.html]: https://n3-components.github.io/N3-components/component.html
[https_github.com_N3-components_N3-components]: https://github.com/N3-components/N3-components
[https_github.com_vuikit_vuikit]: https://github.com/vuikit/vuikit
[https_vuikit.js.org]: https://vuikit.js.org/#/
[https_github.com_jaweii_Vue-Layout]: https://github.com/jaweii/Vue-Layout
[https_jaweii.github.io_Vue-Layout_dist]: https://jaweii.github.io/Vue-Layout/dist/