Vant 是有赞前端团队维护的移动端组件库,是一款轻量、可定制的移动端 Vue 组件库。

轻量、可靠的移动端 Vue 组件库,采用 MIT 开源协议, 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 80+ 个组件,这些组件被广泛使用于有赞的各个移动端业务中。

特点
-
性能极佳,组件平均体积小于 1KB(min+gzip)
-
80+ 个高质量组件,覆盖移动端主流场景
-
零外部依赖,不依赖三方 npm 包
-
使用 TypeScript 编写,提供完整的类型定义
-
单元测试覆盖率超过 90%,提供稳定性保障
-
提供丰富的中英文文档和组件示例
-
提供 Sketch 和 Axure 设计资源
-
支持 Vue 2、Vue 3 和微信小程序
-
支持 Nuxt 2、Nuxt 3,提供 Nuxt 的 Vant Module
-
支持主题定制,内置 700+ 个主题变量
-
支持按需引入和 Tree Shaking
-
支持无障碍访问(持续改进中)
-
支持深色模式
-
支持服务器端渲染
-
支持国际化,内置 30+ 种语言包
使用体验
相对于桌面端的element,Vant是民间与其齐名的UI框架,易用性和代码实例都很完善,比element要好的一点是,vant更新频率很高。
官网的文档清晰易懂,如果你熟悉vue.js的组件化开发,上手非常容易,毫不夸张地说,阅读片刻就能应用在实际生产项目中。
或许是因为维护该UI框架的是100多个前端工程师,vant 给人的感觉是工程师风格很浓重,简单务实,因此在官网展示的UI设计细节。
产品原型下载
访问官网
https://vant-ui.github.io/vant/#/zh-CN/home
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。