今天就跟大家聊聊有關(guān)如何在微信小程序中引入VANT組件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)堅(jiān)信：善待客戶，將會成為終身客戶。我們能堅(jiān)持多年，是因?yàn)槲覀円恢笨芍档眯刨嚒Ｎ覀儚牟缓鲇瞥踉L客戶，我們用心做好本職工作，不忘初心，方得始終。10余年網(wǎng)站建設(shè)經(jīng)驗(yàn)創(chuàng)新互聯(lián)是成都老牌網(wǎng)站營銷服務(wù)商,為您提供網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、H5技術(shù)、網(wǎng)站制作、品牌網(wǎng)站制作、成都微信小程序服務(wù),給眾多知名企業(yè)提供過好品質(zhì)的建站服務(wù)。

1.右鍵項(xiàng)目名稱->在終端中打開

2.在終端輸入 npm init 用來初始化，然后一直回車默認(rèn)就Ok。

之后項(xiàng)目中會出現(xiàn) project.config.json

內(nèi)容為當(dāng)前項(xiàng)目的配置信息以及依賴包的管理。

3.安裝vant依賴包(在終端輸入)

npm i vant-weapp -S --production

4.進(jìn)入小程序開發(fā)工具，選擇左上角 工具->構(gòu)建npm

完成之后項(xiàng)目里會多出依賴包

5.點(diǎn)擊右上角詳情并勾選使用npm模塊。

6.選擇要在哪個(gè)pages里使用該組件

這里以pages下的movie舉例，寫一個(gè)簡單的按鈕。

如圖 在對應(yīng)的json文件中引入vant的button

7.在對應(yīng)wxml文件，寫如下代碼：

默認(rèn)按鈕
主要按鈕

效果圖如下：

看完上述內(nèi)容，你們對如何在微信小程序中引入VANT組件有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

網(wǎng)頁題目：如何在微信小程序中引入VANT組件-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://weahome.cn/article/djgihi.html