新版本发布！有赞出品的Vue3移动端UI组件库，轻量好用，免

　　主流的Vue移动端组件库Vant迎来了第四个大版本的更新，用来开发手机端项目非常好用，强烈推荐给各位开发者使用。关于Vant4
　　Vant是一个轻量、可靠的移动端组件库，基于Vue3，由有赞开发并且维护。有赞作为早期以H5商城、小程序商城做微信生态的起家，Vant一直是这些产品的主要组成部分，有赞的技术团队一直在维护，非常可靠。
　　Vant4官网
　　Vant项目早在2017年就开源了，历经Vant1，Vant2和Vant3，就在本月，最新的Vant4也发布了，这是Vant自2017年开源以来发布的第四个重要版本。
　　Vant4组件预览Vant4组件库的技术特性性能极佳，组件平均体积小于1KB（mingzip）超过70个高质量组件，覆盖移动端主流场景零外部依赖，不依赖三方npm包使用TypeScript编写，提供完整的类型定义单元测试覆盖率超过90，提供稳定性保障提供丰富的中英文文档和组件示例提供Sketch和Axure设计资源支持主题定制，内置700个主题变量支持按需引入和TreeShaking支持无障碍访问（持续改进中）支持深色模式支持Nuxt3支持服务器端渲染支持国际化，内置20种语言包Vant4上手开发体验
　　和Vant3相比，新增支持了深色模式，增加五个新组件，改善工具函数API并重构Picker等组件，同时继续在轻量化和易用性方面做出改进。支持深色模式
　　Vant4。0支持切换所有组件为深色模式。只需要把ConfigProvider组件的theme属性设置为dark，即可切换为深色模式，一键将页面上的所有Vant组件变成深色风格。vanconfigproviderthemedark！包裹的子组件vanconfigprovider
　　Vant4支持深色模式新增了几个新组件BackTop回到顶部：返回页面顶部的操作按钮。TimePicker时间选择器：用于时间选择，包括时、分、秒。DatePicker日期选择器：用于日期选择，包括年、月、日。PickerGroup选择器组：用于结合多个Picker选择器组件，在一次交互中完成多个值的选择。Skeleton骨架屏子组件：通过SkeletonTitle、SkeletonImage、SkeletonAvatar等子组件来自定义骨架屏。
　　Vant4新组件更加轻量
　　Vant4的安装体积相比Vant3降低了30，包体积保持轻量。
　　随着npm生态的变态发展，我们开发文件夹里的nodemodules一直疯狂地占据我们的磁盘空间，为了缓解nodemodules黑洞、加快安装速度，Vant4的npm依赖和构建产物都进行了优化。
　　相较于Vant3。6。2版本，Vant4。0。0版本的安装体积由7MB下降至5MB。作为对比，社区中主流组件库的安装体积普遍在15MB80MB。
　　在打包体积上，本次更新依然优秀，MinifiedGzipped后的体积保持在70KB以下。统一了主色调
　　在之前的版本中，Vant组件有两种主色调，部分组件采用蓝色1989fa作为主色调，另一部分则采用红色ee0a24。
　　为了保持色彩规范的一致性，Vant4中对主色调进行统一，所有组件均采用蓝色作为主色调。
　　Vant4统一了颜色
　　统一主色调后，主题定制会变得更加容易。比如，我们可以覆盖vanprimarycolor这个CSS变量，将所有组件的主色调设置为绿色：：root｛vanprimarycolor：07c160；｝
　　除了这些新特性外，按需引入方式、组件工具函数等也有调整，大家可以到官网阅读详细的更新介绍。免费开源说明
　　Vant是开源的移动端组件库，整个项目由有赞技术团队维护，基于MIT协议开源，Vant项目除了今天介绍的新版4。0，还包含了vue2vue3小程序和react版本，我们可以自由地下载使用，也可以二次开发，免费用于商业项目。
　　关注我，持续分享高质量的免费开源、免费商用的资源。
　　点击查看本次分享的网址。
　　Vant4新版本发布！有赞出品的Vue3移动端UI组件库，轻量好用，免费开源那些免费的砖