Vue移动端UI框架

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

原文地址:https://www.cnblogs.com/tt-ff/p/11698959.html