【Vue】移动端和PC端 UI框架

路金鑫

2023-12-01

自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊那些框架吧，以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。

一、移动端UI框架：

1、vonic

中文文档：https://wangdahoo.github.io/vonic-documents/#/

在线预览：https://wangdahoo.github.io/vonic/docs/#/home

介绍：一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。

2、VUX

中文文档：https://vux.li/#/

在线预览：https://vux.li/demos/v2/#/

介绍：VUX 是基于 WeUI 和 Vue.js 的移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求，可以说是相当的全面了。

3、Mint UI

中文文档：http://mint-ui.github.io/docs/#/zh-cn2

在线预览：http://elemefe.github.io/mint-ui/#/

介绍：饿了么公司基于vue开的的vue的Ui组件库。github上最近更新日期是1年前了，意味着如果使用时候可能发现有bug~

4、MUI

中文文档：https://dev.dcloud.net.cn/mui/ui/

介绍：最接近原生APP体验的高性能前端框架。

5、Vant UI

中文文档：https://youzan.github.io/vant/#/zh-CN/

介绍：Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。个人比较推荐，文档格式比较喜欢。

6、NutUI

中文文档：https://nutui.jd.com/#/index

介绍：一套京东风格的轻量级移动端Vue组件库。个人比较推荐，文档格式比较喜欢。

7、Muse UI

中文文档：https://muse-ui.org/#/zh-CN

介绍：社区活跃，风格多样,参与者多，代码维护有保证。个人比较推荐，文档格式比较喜欢。

二、PC端UI框架：

1、Element

中文文档：https://element.eleme.cn/#/zh-CN/component/installation

介绍：饿了么团队研发。个人比较推荐，文档格式比较喜欢。

2、View UI

中文文档：https://www.iviewui.com/docs/introduce

介绍：一套基于 Vue.js 的高质量UI 组件库。以前叫 iView，个人比较推荐，文档格式比较喜欢。