Vant 3.0 正式发布:全面拥抱 Vue 3


Vant 3.0 翻新登场:Vue 3 的全面拥抱</

历经精心打磨,Vant 3.0 以全新的面貌与开发者们正式相会。在这一里程碑式更新中,Vant 开发团队倾力重构,将整个组件库升级至 Vue 3,同时推出 Vant 3.0、Vant Cli 3.0 和 Vant Use 1.0,为移动端开发注入新的活力。


回顾过去的辉煌,Vant 从开源至今,已吸引全球 270 位开发者共同参与,贡献了总计 4100 个 Pull Request,解决了 7300 个 issue,每月高达 800 万次的访问量和 3 亿次的 CDN 下载量,证明了其在业界的坚实基础。


在 Vant 3.0,我们勇敢迎接 Vue 3 的革新,包括 Composition API、emits Option 和 Teleport 的引入。我们对组件库进行了深度改造:



  • 全面采用 Composition API 重构所有组件,提升代码复用和可读性

  • 引入 emits 选项,增强事件管理,提供更清晰的事件提示

  • 摒弃 mixins,简化代码结构,增强代码可维护性

  • 所有弹窗组件支持 teleport 功能,实现组件间无缝交互


这一系列优化带来了显著的性能提升。对比 Vant 2.12,Vant 3.0 的 JS 体积减少了 16.6%,Gzip 后仅需 67.5kb,轻装上阵,加载速度更胜一筹。


为了照顾到 Vue 2 开发者,我们同步在 Vant 2 中引入了全新的徽标Badge、气泡弹出框Popover和级联选择器Cascader,升级到 Vant 2.12 即可体验。


此外,Vant Use 的诞生,是 Vant 持续进化的重要一步。作为基于 Composition API 的独立库,Vant Use 提供了高度灵活的组件逻辑,让开发者能更自由地定制组件样式和功能。


在 Vant Cli 3.0 中,我们提升了底层工具的性能,升级了 Vue 3、VueRouter 4 等技术,为开发者带来更流畅的开发体验。Vant Demo 也更新了两个实例,展示了如何利用最新技术构建应用。


对于 Vue 3 开发者,Vite 的按需引入问题已在 Vant 3.0 中得到了解决,无需额外插件,Vant 的 ESM 模块天生支持按需加载,只是在样式层面上还需进一步优化。


随着 2020 年的尾声,Vant 3.0 正式上线,我们期待它能为您的开发之旅带来崭新的可能。现在,您可以通过官网切换到 Vant 3 的文档,体验更先进的技术。同时,我们承诺在未来 6-12 个月内保持 Vant 2 和 Vant 3 的同步更新,逐步将重心转向 Vue 3 时代的 Vant。


最后,Vant 社区的朋友们,无论是在官方维护的 Vue 与小程序版本,还是由社区开发者维护的 React 和支付宝小程序版本,我们都欢迎您的参与,共同打造更卓越的用户体验。


2020 年,Vant 与您一路相伴,让我们期待新的一年,Vant 3.0 将如何引领前端潮流。敬请期待,我们明年再见!




扩展阅读:www.sony.com.cn ... 小程序vant ui官网 ... maitland+ward+外网 ... vant ui 3.0官网 ... www.vivo.com ... vant组件中文官网 ... oneplus 8 ... oneplus 6t ... vant ui 官网网址 ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网