vue前端移动端UI框架比较分析

Vant

  1. Vant框架简介
  2. 组件都是来源于有赞的微商城业务,并且经过有赞业务的检验
  3. 完善详实的 中文文档
  4. 专门的设计师团队维护视觉规范,统一而优雅
  5. 支持 babel-plugin-import
  6. 单测覆盖率超过90%
  7. 丰富实用的业务组件
    Vant 不只是提供基础的UI组件,为了方便开发者快速构建移动商城,Vant 增加了许多移动商城内常用的业务组件。类似于sku选择,优惠券选择,省市县选择 等。
    vue前端移动端UI框架比较分析
    vue前端移动端UI框架比较分析
    vue前端移动端UI框架比较分析
    . Vant持续更新
    vue前端移动端UI框架比较分析
    最近一版在10.08刚刚更新

Nutui

  1. Nutui简介

NutUI 是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,1.0 版本于 2018 年发布。目前在京东至少有数十个 web 项目正在使用 NutUI。近期发布了nutui2.0.

  1. 继承了京东APP的风格
    NutUI 2.0 的组件在开发时参照了京东APP 7.0 视觉规范,统一了视觉风格和动效。
    vue前端移动端UI框架比较分析
    根据开发规划,NutUI 2.0 还会有一个重磅功能 —— 支持将 Vue 组件转成微信小程序组件,实现一次编码跨平台(H5和微信小程序)使用,届时 NutUI 将由一个 Web 端 Vue 组件库升华为一个多终端跨平台组件库。目前,这个功能仍在加紧开发中,稍后上线,敬请期待。

3.按需加载
NutUI 1.x 的按需加载是通过自定义构建的方式来实现的,虽可满足需求,但是让用户每次都进 node_modules 目录下找到 NutUI 项目目录安装依赖,再进行自定义构建多有不便。于是,2.0 版我们对组件的按需加载功能进行了重新设计。
使用 NutUI 2.0 的组件时,不必导入完整的组件库,直接在项目中引入我们需要的组件文件及其对应的样式文件即可。

Mint UI

1.Mint UI简介
饿了么公司基于vue开发的移动端UI组件库

2.特性
优点组件内容丰富,但风格较vant和nutui简约一些
vue前端移动端UI框架比较分析
缺点最近更新时间是一年前,如果发现问题可能需要自行改进
vue前端移动端UI框架比较分析