Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本试浙,兩者基于相同的視覺規(guī)范,提供一致的 API 接口寞蚌,助力開發(fā)者快速搭建小程序應用
如何在微信小程序中引入vant
1.在微信開發(fā)者工具—調(diào)試器中打開終端田巴,輸入npm init钠糊,回車
此時會初始化一個package.json文件,文件信息可以輸入也可以直接回車
2壹哺、在終端中輸入安裝vant命令 npm i vant-weapp -S --production
3抄伍、在微信開發(fā)者工具—工具—點擊構建npm,構建后會生成miniprogram_npm文件夾
4管宵、在微信開發(fā)者工具—右側詳情—本地設置—勾選“使用npm模塊”
到這里已經(jīng)安裝完成截珍,可以在項目中使用vant組件了
1、在頁面的json文件中引入需要的組件箩朴,注意路徑要進行修改
2岗喉、在頁面的wxml文件中直接使用組件
更多組件可以查看Vant Weapp官方文檔