网站首页 > 精选文章 正文

在移动端的地位相当于 element ui,相当强劲的一款UI组件库,v3版本经过半年的迭代,已经非常稳定了。
Vant 3.0:全面拥抱 Vue 3
Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。

vant3 文档官网
vant3 文档官网
很早以前就推荐过 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 版本,可以自由地下载使用,可以用于商业项目。
关注我,持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
猜你喜欢
- 2024-12-30 VueBaiduMap-可能是Vue接入百度地图的最佳组件了
- 2024-12-30 Vue 怎么安装(vue怎么安装echarts)
- 2024-12-30 Vue认知及使用(vue的使用教程)
- 2024-12-30 揭秘!Vue项目结构!自动创建Vue项目,解放生产力
- 2024-12-30 基于 Vue 开发的图片裁剪插件,简单好用、免费开源,支持 Vue3
- 2024-12-30 第2天|16天搞定Vue3.0,Vue3.0的核心(必学)
- 2024-12-30 在vue里实现页面截图功能(vue页面结构)
- 2024-12-30 Vue的框架(了解)(vue框架简单介绍)
- 2024-12-30 vue的在线海报图片设计器(vue生成海报图)
- 2024-12-30 一、Uni-app + Vue3 + TS +Vite 创建项目步骤
- 最近发表
- 标签列表
-
- 向日葵无法连接服务器 (32)
- git.exe (33)
- vscode更新 (34)
- dev c (33)
- git ignore命令 (32)
- gitlab提交代码步骤 (37)
- java update (36)
- vue debug (34)
- vue blur (32)
- vscode导入vue项目 (33)
- vue chart (32)
- vue cms (32)
- 大雅数据库 (34)
- 技术迭代 (37)
- 同一局域网 (33)
- github拒绝连接 (33)
- vscode php插件 (32)
- vue注释快捷键 (32)
- linux ssr (33)
- 微端服务器 (35)
- 导航猫 (32)
- 获取当前时间年月日 (33)
- stp软件 (33)
- http下载文件 (33)
- linux bt下载 (33)