Vant 3 - 有赞出品的开源移动UI组件库，基于 Vue3 重构发布

2024-05-10 20:39:43

在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。

Vant 3.0：全面拥抱 Vue 3

Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。

很早以前就推荐过 Vant 这个优秀的 UI 组件库，由有赞商城出品并且长期维护，是前端开发者耳熟能详的移动开发框架。早在去年年底 vant 就基于火热的 Vue 3同步发布了 3.0 版本，截止发文时间，已经迭代了数十个版本。

Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。如果现在还有人问我移动端开发首选用哪个 UI 组件库，我可能还是毫不犹豫推荐 Vant。

新特性

Vue 3 带来了许多激动人心的新特性，比如 Composition API、emits Option 和 Teleport。在 Vant 3.0 中，全面拥抱了 Vue 3 带来的各种变化：

使用 Composition API 重构所有组件
使用 Composition API 重写所有文档和示例
组件增加 emits 选项，提供更好的事件提示
移除所有 mixins，提升代码可读性
所有弹窗类组件支持 teleport 属性

重构完成后，组件之间可以基于 Composition API 进行逻辑复用，代码的可压缩性也有所提升。与 Vant 2.12 版本进行对比， Vant 3.0 的 JS 体积下降了 16.6%，Gzip 后体积下降至 67.5kb。

此外，官网还提供了从 Vant v2 升级到 v3 版本的升级指南，方便开发者从原来的项目升级到 Vant 3 和 Vue 3。

此次更新在视觉上并没有做更新，更多的是基于 Vue 3 的语法重构组件，所以项目上使用 Vant 的 Sketch 设计资源、Axure 文件的设计师和产品经理无需更新文档。

免费开源说明

Vant 是开源的移动端组件库，基于 MIT 协议开源，包含了 vue2 / vue3 / 小程序 / 和 react 版本，可以自由地下载使用，可以用于商业项目。

原文链接：https://www.thosefree.com/vant3

Vant 3 - 有赞出品的开源移动UI组件库，基于 Vue3 重构发布相关推荐

LuLu UI - 腾讯阅文集团出品的“半封装” 开源 Web UI 组件库，特点是面向设计、简单灵活、支持 Vue
阅文集团前端大神张鑫旭的团队出品的面向设计的前端 UI 组件库,上手简单,定制性强. 关于 LuLu UI LuLu UI 是一款面向桌面端和移动端网页开发的组件库,由阅文集团前端团队出品.阅文集团由 ...
Naive UI - 火热出炉！基于 Vue 3.0/TypeScript 的免费开源前端 UI 组件库
非大厂 KPI 项目!开源三天就收获 800 Star,还获得 Vue 作者尤雨溪的官方推荐. 关于 Naive UI Naive UI 是一款基于当前比较新的 Vue 3.0/TypeScript ...
WeUI：专为开发微信HTML5应用的开源Web UI组件库
概述 WeUI是一套同微信原生视觉体验一致的基础样式库,为微信Web开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog.toast.article.icon等各式元素 ...
WeUI - 微信官方推出的免费开源 UI 组件库，上手简单，风格简约，在微信生态开发轻量项目的绝佳选择
微信早年发布的 UI 框架,对想要创建让微信用户感到熟悉的应用来说,是一个好选择. 关于 WeUI WeUI 一款由腾讯微信团队开发的 UI 组件库,是一套同微信原生视觉体验一致的基础样式库,由微信官 ...
推荐 8 个支持 Vue3 的前端 UI 组件库，免费开源、漂亮美观，涵盖常用的业务组件
Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库. Element Plus 相关网址:https://www.thosefree ...
OnsenUI - 专为混合开发/手机 web 应用打造的开源移动端 UI 组件库
具有原生应用外观的组件库,性能表现也非常不错,适合用来开发 App,值得关注和学习使用. 关于 Onsen UI Onsen UI 是一套专为移动应用设计的丰富的 UI 组件库,使用前端开发者熟悉的j ...
vant引入组件报错_强烈推荐优秀的Vue UI组件库
在我们实际开发中常常因为项目周期短不得不引入一些UI框架来辅助开发那常见的比较好的UI框架有那些呢(基于VUE) Element UI组件库 (pc端) Element,一套为开发者.设计师和产品经 ...
UI组件库Vant Weapp的下载和使用
Vant Weapp - 轻量.可靠的小程序 UI 组件库为了提高小程序的开发效率,通常考虑使用第三方UI组件来实现界面的视觉统一.开发者可以方便的引用已经事先设计好的自定义组件来快速搭建小程序界面 ...
axure web组件下载_Element - 饿了么团队出品的神级桌面 UI 组件库
一套著名的桌面端的组件库,同时提供Sketch.Axure模板资源文件方便快速产品设计. 介绍由饿了么团队出品,一套为开发者.设计师和产品经理准备的组件库,提供了配套axure.sektch设计资源 ...
Vue2 - 网易云音乐项目笔记（基于Vant UI组件库）
目录一.项目技术二.准备工作 1.初始化Vue项目 2.配置Vant UI组件库 3.下载并使用vue-router库 4.接口API 5.postcss插件三.分析页面实现功能 1.路由页面准 ...

最新文章

热门文章