Vue移动端UI框架

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

1.Vux

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

VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件知足移动端(微信)页面经常使用业务需求，能够说是至关的全面了。

 

 

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,支持 ***。

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：拥有独特的后编译技术方案帮助大幅优化性能。

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

原文做者：祈澈姑娘 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚