vant下载依赖及按需使用

1、第一步：
npm i vant -S
2、第二步： 安装 babel-plugin-import 插件，babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式
npm i babel-plugin-import -D
3、第三步：在.babelrc文件中配置plugins（在启动项目目录中）

 把里面的 plugins 替换成这个
"plugins": [
“transform-vue-jsx”,
“transform-runtime”,
[“import”, [{ “libraryName”: “vant”, “style”: true }]]
],

4、按需要引入vant组件，比如我们要在HelloWord.vue组件中使用 Loading 组件，我们可以先 在组件中引入

import { Toast, Popup} from 'vant';

export default {

　　　　components: {

        [Popup.name]: Popup,

        [Toast.name]: Toast,

       },

}

5、组件使用

<van-popup v-model="isAlreadyGz">
     <div class="bottom">
          <span @click="goFindDoctor">找名医问诊</span>
     </div>
</van-popup>