微信小程序接入vant Weapp組件的詳細(xì)步驟
剛創(chuàng)建的項(xiàng)目的文件結(jié)構(gòu)

首先在你項(xiàng)目的根目錄下打開終端,輸入npm init 對(duì)項(xiàng)目初始化

這時(shí)會(huì)生成pachage.json文件。

繼續(xù)在終端運(yùn)行以下命令

我這里用這個(gè):
npm i vant-weapp -S --production
運(yùn)行完如圖所示:

安裝成功后 回到小程序開發(fā)工具 點(diǎn)擊 工具 => 構(gòu)建npm

運(yùn)行完截圖:

完成后在編輯器右邊的詳情把紅框內(nèi)的打勾上

使用組件
在你想使用組件庫(kù)的的json文件內(nèi)引入組件。比如你想在fundIncome頁(yè)面內(nèi)使用button組件。

效果:

上面的代碼就參照vant的官網(wǎng)文檔了。
到此這篇關(guān)于微信小程序接入vant Weapp組件的詳細(xì)步驟的文章就介紹到這了,更多相關(guān)小程序vant Weapp組件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
快速獲取/設(shè)置iframe內(nèi)對(duì)象元素的幾種js實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇快速獲取/設(shè)置iframe內(nèi)對(duì)象元素的幾種js實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
微信公眾平臺(tái)API錯(cuò)誤代碼41002的問(wèn)題解決辦法
今天在研究微信公眾號(hào)接口問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于微信公眾平臺(tái)API錯(cuò)誤代碼41002問(wèn)題的解決辦法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
純JavaScript實(shí)現(xiàn)的完美漸變彈出層效果代碼
對(duì)于Web項(xiàng)目開發(fā)尤其是前臺(tái)UI的設(shè)計(jì)而言,用戶體驗(yàn)至關(guān)重要,因?yàn)樗苯雨P(guān)系到項(xiàng)目的成敗,簡(jiǎn)潔,平滑,優(yōu)雅的設(shè)計(jì)永遠(yuǎn)能夠受到用戶的青睞。2010-04-04
移動(dòng)端H5頁(yè)面返回并刷新頁(yè)面(BFcache)的方法
這篇文章主要給大家介紹了關(guān)于移動(dòng)端H5頁(yè)面返回并刷新頁(yè)面(BFcache)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
全面解析JavaScript中的valueOf與toString方法(推薦)
本文給大家介紹JavaScript中的valueOf與toString方法,valueOf() 方法可返回 Boolean 對(duì)象的原始值,toString() 方法可把一個(gè)邏輯值轉(zhuǎn)換為字符串,并返回結(jié)果。對(duì)js中valueof和tostring相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-06-06

