在mpvue框架中使用Vant WeappUI組件庫的注意事項

1如何引入組件庫

　　有兩種方法 1 npm下載 2 下載代碼，下面介紹第二種方法。

　　在gitHub上， 鏈接如下 https://github.com/youzan/vant-weapp 首先在自己項目目錄static下新建一個vant文件夾，用於存放組件文件，把dist文件夾下的所有文件拷貝到static下面的vant目錄下，如下所示：

2 如何使用

  　　1 在需要使用組件的頁面所在的文件夾下新建一個頁面main.json， （新建頁面后必須npm run dev 才能生效）在其中引入相應的組件即可，如下圖所示引入了van-popup組件和van-picker組件： 

　　2 在對應的頁面中使用， 這個頁面使用了van-popup組件和van-picker組件。在彈層中選擇年份。

　　3 注意事項 

　　popup的事件命名中使用了減號， 直接使用會導致組件不生效，解決方法如下： 找到vant目錄下popup目錄下的index.js文件（就是上面所說的在static下面新建的vant），修改其中的事件名，如下注釋部分，把短橫線命名改為駝峰命名，即可生效。

 

 3 到這里就可以在頁面中使用了相應的組件了。