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

发布时间:2023-11-26 09:00

Vant 3 - 有赞出品的开源移动UI组件库,基于 Vue3 重构发布_第1张图片

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

Vant 3.0:全面拥抱 Vue 3

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

Vant 3 - 有赞出品的开源移动UI组件库,基于 Vue3 重构发布_第2张图片

很早以前就推荐过 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 3 - 有赞出品的开源移动UI组件库,基于 Vue3 重构发布_第3张图片

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

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

免费开源说明

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

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

你可能感兴趣的

相关推荐

一个实例带你透析CSS盒子模型

Java easyExcel的复杂表头多级表头导入

【5G NR】UE注册流程

智能指针简单模拟实现

rust 02 rustdesk基于rust的开源远程控制软件

面试必考排序算法最详细介绍,包含动画演示、大厂真题(每天一遍,面试必过)

MySQL中创建时间和更新时间的自动更新的实现示例

如何在 Linux 中扩展 XFS 根分区

在安装Docker-ce的时候遇到报错

upload-labs靶场-Pass-07关-思路以及过程

MySQL锁机制【MySQL高级篇5】

leetcode_刷题总结(c++)_双指针_左右指针

用js实现简单轮播图

Pandas数据基本操作:清洗,排序

Java 读取mysql时间timestamp差8小时问题

Go 1.19要来了,看看都有哪些变化

安防与消防融合发展的现状与机遇分析

端午假期整理了仿天猫H5 APP项目vue.js+express+mongo

数据仓库简介

使用 KubeKey 搭建 Kubernetes/KubeSphere 环境的“心路(累)历程“

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号