Vue移动端UI框架指南

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

1.Vux

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

在线预览：https://vux.li/demos/v2/?x-page=v2-doc-home#/

2.Mint UI

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

github地址：https://github.com/ElemeFE/mint-ui

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

饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库，包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

优点：

用起来还是蛮不错的，而且用起来不复杂，能够快速上手操作。

缺点：

1：组件很少,存在一些小bug。

2：github上最近更新日期是1年前了，意味着如果使用时候发现有bug，要么选择花时间去修改，要么赶紧换组件。

3.MUI

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

github地址：https://github.com/dcloudio/mui

MUI-最接近原生APP体验的高性能前端框架

优点：1：MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K

2：最接近原生ui。

3:性能流畅不卡顿。

4.Muse-ui

中文文档：http://www.muse-ui.org/#/install

官网地址: https://muse-ui.org/#/zh-CN

github地址：https://github.com/museui/muse-ui

基于 Vue 2.0 优雅的 Material Design UI 组件库 ，拥有40多个UI 组件，用于适应不同业务环境，小巧，api友好，可用于开发的复杂单页应用。

优点：1：社区活跃，风格多样,参与者多，代码维护有保证。

2：github上一直在完善更新。

3：样式还是比较好看。

缺点：muise-ui 属性和参数太多了,简洁性上差了一点点。

5. vonic

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

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

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

6.Vant

中文文档：https://open.youzan.com/zanui/

github地址：https://github.com/youzan/zent

Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近 50 个组件，这些组件被广泛使用于有赞的各个移动端业务中。

优点：

1：有小程序版本,可以平滑兼容小程序web和app。

2：业务组件丰富,什么时间啊,地址选择啊,商品列表啊等。

3：电商型网站比较适合。

4：社区活跃，有 50 多个个组件，80%多的单元测试覆盖率，完善的文档和示例,支持 babel-plugin-import,支持 TypeScript,支持 SSR。

7.Cube UI 滴滴

github地址：https://github.com/didi/cube-ui

中文文档：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

cube-ui 是滴滴17年底开源的一款基于 Vue.js 2.0 的移动端组件库，主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。

优点：1：质量可靠、体验极致、标准规范和强扩展性。

2：用户交互体验最好的。

3：拥有独特的后编译技术方案帮助大幅优化性能。

看到最后，你选择困难了吗？欢迎评论补充哦。