Vant 輕量、可靠的移動(dòng)端 Vue 組件庫(kù)
Vant 是一套輕量、可靠的移動(dòng)端組件庫(kù)。通過(guò) Vant,可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面,提升開發(fā)效率。
建議搭配 webpack,babel 使用 Vant,這樣可以使用 webpack 提供的豐富插件和個(gè)性化配置。Vant 支持了 babel-plugin-import,通過(guò) babel 插件使用 Vant,可以優(yōu)化代碼體積,提高前端性能。
作為移動(dòng)端組件庫(kù),Vant 一直將輕量化作為核心開發(fā)理念。為了平衡日益豐富的功能和輕量化之間的矛盾關(guān)系,Vant 內(nèi)部使用了很多的優(yōu)化方式,包括支持組件按需加載、公共模塊復(fù)用、組件編譯流程優(yōu)化等。
在應(yīng)用一系列的優(yōu)化手段之后,目前 Vant 的組件平均體積僅有 8.8KB,Uglify + Gzip 后約 1KB。
Vant 不只是提供基礎(chǔ)的UI組件,為了方便開發(fā)者快速構(gòu)建移動(dòng)商城,Vant 增加了許多移動(dòng)商城內(nèi)常用的業(yè)務(wù)組件。類似于地址管理、優(yōu)惠券、省市縣選擇等