輕量可靠的小程序UI組件庫，主流移動(dòng)組件庫 Vant 的微信小程序版本。

Vant Weapp 和 Vant 的區(qū)別

之前推薦過的移動(dòng)端web組件庫 Vant 是 Vue.js 版本的，其對(duì)內(nèi)承載了有贊所有核心業(yè)務(wù)，對(duì)外有十多萬開發(fā)者在使用，一直是業(yè)界主流的移動(dòng)端組件庫之一。微信小程序的開發(fā)和基于Vue.js的web開發(fā)有較大的區(qū)別，而 Vant Weapp 則是小程序版本，同樣繼承了 Vant 所有的優(yōu)點(diǎn)，可以用來快速開發(fā)電商類的小程序。

Vant Weapp 的特點(diǎn)

• 由有贊前端團(tuán)隊(duì)出品以及維護(hù)，更新頻率高，不用擔(dān)心技術(shù)選型入坑
• 設(shè)計(jì)資源能和 Vant 通用，60+ 高質(zhì)量組件，提供sketch和圖標(biāo)資源下載
• 使用過 Vant 的都知道，有贊前端團(tuán)隊(duì)寫的文檔非常詳細(xì)易懂，真正能快速上手

使用體驗(yàn)

Vant Weapp 是基于微信小程序的自定義組件開發(fā)，所以如果在使用之前，需要提前學(xué)習(xí)過微信官方的 小程序簡(jiǎn)易教程 和 自定義組件介紹。

現(xiàn)在很多產(chǎn)品都提供小程序版了，甚至有些在微信生態(tài)混的產(chǎn)品，只提供小程序版，弱化App。小程序開發(fā)不難，非常容易上手，自己去寫組件投入的成本很高，但使用微信官方的組件有幾個(gè)問題：

• 官方組件的開發(fā)文檔對(duì)新手非常不友好，用詞非常專業(yè)，前端知識(shí)儲(chǔ)備量稍微差一點(diǎn)是很難上手的，以至于當(dāng)年我在看文檔學(xué)習(xí)時(shí)，更多地去百度搜索用法。
• 官方組件少，使用場(chǎng)景也很受限，滿足不了需求
• 樣式不能定制，對(duì)于視覺設(shè)計(jì)要求高的項(xiàng)目，可以說完全用不了

Vant Weapp 很好地解決了上面的痛點(diǎn)，不僅文檔寫得好，接地氣的組件也很多，也支持樣式定制，如果你使用過 vant，完全拿來就能用。

作為在微信生態(tài)耕耘多年的有贊商城，有贊前端團(tuán)隊(duì)在微信h5和小程序的開發(fā)上面臨的技術(shù)問題、爬過的坑比絕大多數(shù)的互聯(lián)網(wǎng)公司要多，使用開源組件庫除了能避免重復(fù)造輪子，也避免了那些坑，這也是前端開源項(xiàng)目的重要意義。因此如果也有開發(fā)商城類業(yè)務(wù)的小程序，Vant Weapp 可能是目前最好的選擇了。

免費(fèi)開源使用說明

Vant Weapp 基于 MIT 協(xié)議開源，可以自由地享用。

Vant Weapp 官網(wǎng)：https://vant-contrib.gitee.io/vant-weapp

原文鏈接：https://www.thosefree.com/vant-weapp