Vant 3 - 有赞出品的开源移动UI组件库，基于 Vue3 重构发布
ccwgpt 2024-09-23 04:15 36 浏览 0 评论
在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。
Vant 3.0：全面拥抱 Vue 3
Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。
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 版本，可以自由地下载使用，可以用于商业项目。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
相关推荐
- Spring WebFlux vs. Spring MVC（springboot是什么）
-
背景随着异步I/O和Netty等框架的流行，响应式编程逐渐走入大众的视野。但是，响应式编程本身并不是太新的概念，这个术语最早出现在1985年DavidHarel和AmirPnue...
- 深度解析微服务高并发:适配SpringMVC框架适配模块及实现原理
-
适配主流框架如果不借助Sentinel提供的适配主流框架的模块，则在使用Sentinel时需要借助try-catchfinally将要保护的资源（方法或代码块）包起来，在目标方法或代码块执行之前，调...
- Spring MVC 底层原理深度解析:从请求到响应的全链路拆解
-
一、Servlet容器与DispatcherServlet的启动博弈1.Tomcat初始化阶段java//Tomcat初始化流程StandardContext#startInterna...
- 改造总结之传统SpringMVC架构转换为SpringBoot再到集群
-
改造出发点，是基于现在服务都在向上云的目标前进，传统SpringMVC难以满足项目持续构建、服务节点任意扩展的需求，所以开始了历史项目的改造。项目改造考虑的主要是兼容以前的业务代码，以及session...
- SpringBoot3 整合 Spring MVC 全解析:开启高效 Web 开发之旅
-
在当今的JavaWeb开发领域，Spring框架家族无疑占据着重要的地位。其中，SpringBoot3和SpringMVC更是开发者们构建强大、高效Web应用的得力工具。今天，...
- 一文读懂SpringMVC（一文读懂!残疾人低保边缘家庭能领的超实用福利政策）
-
1.SpringMVC定义1.1.MVC定义Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据View（视图）：是应用程序中处理数据显示的部分。通常...
- 69 个Spring mvc 全部注解:真实业务使用案例说明(必须收藏)
-
SpringMVC框架的注解为Web开发提供了一种简洁而强大的声明式方法。从控制器的定义、请求映射、参数绑定到异常处理和响应构建，这些注解涵盖了Web应用程序开发的各个方面。它们不仅简化了编码工作，...
- Spring MVC工作原理:像拼积木一样构建Web应用
-
SpringMVC工作原理：像拼积木一样构建Web应用在Java的Web开发领域，SpringMVC无疑是一个让人又爱又恨的存在。它像一位神通广大的积木搭建大师，将一个个分散的功能模块巧妙地拼接在...
- 5千字的SpringMVC总结，我觉得你会需要
-
思维导图文章已收录到我的Github精选，欢迎Star：https://github.com/yehongzhi/learningSummary概述SpringMVC再熟悉不过的框架了，因为现在最火的...
- SpringMVC工作原理与优化指南（springmvc工作原理和工作流程）
-
SpringMVC工作原理与优化指南在现代Java开发中，SpringMVC无疑是构建Web应用程序的首选框架之一。它以其优雅的设计和强大的功能吸引了无数开发者。那么，SpringMVC究竟是如何工作...
- Spring MVC框架源码深度剖析:从入门到精通
-
SpringMVC框架源码深度剖析：从入门到精通SpringMVC框架简介SpringMVC作为Spring框架的一部分，为构建Web应用程序提供了强大且灵活的支持。它遵循MVC（Model-V...
- 3000字搞明白SpringMVC工作流程、DispatcherServlet类、拦截器!
-
SpringMVC基础虽然SpringBoot近几年发展迅猛，但是SpringMVC在Web开发领域仍然占有重要的地位。本章主要讲解SpringMVC的核心：DispatcherServlet类...
- 多年经验大佬用2000字透彻解析SpringMVC的常用注解及相关示例
-
SpringMVC注解SpringMVC框架提供了大量的注解，如请求注解、参数注解、响应注解及跨域注解等。这些注解提供了解决HTTP请求的方案。本节主要讲解SpringMVC的常用注解及相关示例...
- 知乎热议:如何成为前端架构师，赚百万年薪?
-
作者|慕课网精英讲师双越最近有一条知乎热议：从一个前端工程师，如何根据目标，制定计划，才能快速进阶成为前端架构师？不久之前我参与了一次直播，讲到了自己对于Web前端架构师的理解。架构师这个角色...
- 学习笔记-前端开发架构设计（前端架构设计方案）
-
前端开发的技术选项主要包含以下几点，下面对一些名词概念的解释做了笔记：1、分层架构：把功能相似，抽象级别相近的实现进行分层隔离优势：松散耦合（易维护，易复用，易扩展）常见分层方式：MVC，MVVM2、...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- Spring WebFlux vs. Spring MVC（springboot是什么）
- 深度解析微服务高并发:适配SpringMVC框架适配模块及实现原理
- Spring MVC 底层原理深度解析:从请求到响应的全链路拆解
- 改造总结之传统SpringMVC架构转换为SpringBoot再到集群
- SpringBoot3 整合 Spring MVC 全解析:开启高效 Web 开发之旅
- 一文读懂SpringMVC（一文读懂!残疾人低保边缘家庭能领的超实用福利政策）
- 69 个Spring mvc 全部注解:真实业务使用案例说明(必须收藏)
- Spring MVC工作原理:像拼积木一样构建Web应用
- 5千字的SpringMVC总结，我觉得你会需要
- SpringMVC工作原理与优化指南（springmvc工作原理和工作流程）
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- scrapy框架 (52)
- beego框架 (42)
- java框架spring (43)
- grpc框架 (55)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)