Vant 中文教程

Vant 是一套輕量、可靠的移動端組件庫。通過 Vant，可以快速搭建出風格統一的頁面，提升開發效率。

特性

• 60+ 高質量組件
• 95% 單元測試覆蓋率
• 完善的中英文文檔和示例
• 支持按需引入
• 支持主題定制
• 支持國際化
• 支持 TS
• 支持 SSR

建議搭配 webpack，babel 使用 Vant，這樣可以使用 webpack 提供的豐富插件和個性化配置。Vant 支持了 babel-plugin-import，通過 babel 插件使用 Vant，可以優化代碼體積，提高前端性能。

輕量化

作為移動端組件庫，Vant 一直將輕量化作為核心開發理念。為了平衡日益豐富的功能和輕量化之間的矛盾關系，Vant 內部使用了很多的優化方式，包括支持組件按需加載、公共模塊復用、組件編譯流程優化等。

在應用一系列的優化手段之后，目前 Vant 的組件平均體積僅有 8.8KB，Uglify + Gzip 后約 1KB。

豐富實用的業務組件

Vant 不只是提供基礎的UI組件，為了方便開發者快速構建移動商城，Vant 增加了許多移動商城內常用的業務組件。類似于地址管理、優惠券、省市縣選擇等