uni-app下使用vant組件

1. 創建uni-app

下載打開HbuilderX,注意這里下載app開發版的。然后創建新項目，創建的時候選擇uni-app默認模板

2. 下載vant組件

vant的GitHub下載地址下載完成后解壓，然后在項目更目錄下創建文件夾wxcomponents，注意這里的wxcomponents目錄級別和pages在同一級別，然后再該目錄下創建vant目錄。回到剛才解壓的vant目錄，找到dist文件夾，把它復制到vant目錄下

3. 引用vant組件

3.1 首先在app.vue文件內添加

@import "/wxcomponents/vant/dist/common/index.wxss";

3.2 在pages.json文件內添加組件引用

你可以選擇在一個頁面的配置文件里面配置，但是只能在這個頁面內使用，你也可以選擇在globalStyle里面配置，是的所有頁面都可以直接使用

"usingComponents":{
			 "van-button": "/wxcomponents/vant/dist/button/index"
}

4. 使用組件

在你要使用的頁面內添加你要使用的組件就可以了