Vant是一款輕量、可靠的移動端 Vue 組件庫，開發方便、簡單、快捷
特性
- 60+ 高質量組件
- 90% 單元測試覆蓋率
- 完善的中英文文檔和示例
- 支持按需引入
- 支持主題定製
- 支持國際化
- 支持 TS
- 支持 SSR
詳細可見官網： Vant官網
安裝（使用npm）
打開項目終端，輸入命令
簡寫形式：npm i vant -S
完整形式：npm install vant -save
如果網速慢的情況下可以使用淘寶鏡像安裝，不建議使用cnpm
npm install vant --save --registry=https://registry.npm.taobao.org
說明：如果安裝成功可以在node-model中看到vant文件目錄
引入
1、全局引入（在src文件目錄下main.js中全局引入）
引入組件：
import Vant from 'vant'
引入組件css：
import 'vant/lib/vant-css/index.css'
註冊組件：
Vue.use(vant)
2、手動按需引入
在不使用插件的情況下，可以手動引入需要的組件
import Button from 'vant/lib/button';
import 'vant/lib/button/style';
3、自動按需引入
說明：全局引入是引入插件的所有文件，這樣會使瀏覽器預覽時變慢，所以vant是支持babel-plugin-import引入的，它可以讓我們按需引入組件模塊，並且不用管理我們的樣式，現在Vue項目組件庫的主流引入方法。
安裝插件babel-plugin-import
npm i babel-plugin-import -D
完整命令
npm install babel-plugin-import --save-dev
安裝完成之後在.babelrc文件中配置plugins（插件）
"plugins": [
["import", {
"libraryName": "vant",
"style": true
}]
]
// 接着你可以在代碼中直接引入 Vant 組件
// 插件會自動將代碼轉化爲方式二中的按需引入形式
import { Button } from 'vant';
Vue.use(Button);
引入完成之後就可以在需要的組件頁面中加入Button了
<van-button type="primary">主要按鈕</van-button>