在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 到這裏就能夠在頁面中使用了相應的組件了。