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

Vant Weapp 和 Vant 的區(qū)別

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

Vant Weapp 的特點(diǎn)

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

使用體驗(yàn)

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

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

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

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

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

免費(fèi)開(kāi)源使用說(shuō)明

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

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

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