vant的安装使用看这个就好ok？

一直使用模板的我嘤嘤嘤，才想起咋安装部署，来做笔记防变八秒金鱼。

安装

安装vant：

npm:  npm i vant -S
yarn: yarn add vant

（全局引入不推荐，打包过大。babel支持按需引入！）

安装babel：

npm:  npm i babel-plugin-import -D
yarn:  yarn add babel-plugin-import --dev

配置（babel）

自己复制粘贴去

["import", {"libraryName": "vant","libraryDirectory":"es","style": true}, "vant"]

使用

1. 按需引入 （src > main.js）
   两步走：先import ， 后use
   

最后直接在想使用的页面使用即可，辣个页面也不用再写什么引入了，因为main.js是全局。

使用方法看官方文档

注意：
Dialog和Toast要用this.$dialog/this.toast引用
不然会出现类似：‘Toast is not defined’ 的报错