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

1.Vux


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


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


Vue移动端UI框架_github


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 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

Vue移动端UI框架_github_02


优点:

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

缺点:

1:组件很少,存在各种小bug,

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

3.MUI


中文文档:​​http://dev.dcloud.net.cn/mui/​​ github地址:​​https://github.com/dcloudio/mui​


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

Vue移动端UI框架_github_03

优点: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友好,可用于开发的复杂单页应用。

Vue移动端UI框架_移动端_04

优点: 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 个组件,这些组件被广泛使用于有赞的各个移动端业务中。

Vue移动端UI框架_github_05

优点:

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 的移动端组件库,主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。

Vue移动端UI框架_github_06

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

2:用户交互体验最好的

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

看到最后,你选择困难了吗?

欢迎评论补充哦。


作者:祈澈姑娘

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚,欢迎关注【编程微刊】公众号,回复【领取资源】,500G编程学习资源干货免费送。