在Vue项目按需引入Vant组件-7. 在main.js中按需加载你需要的组件

1.安装了vue脚手架 npm install -g vue-cli
2、创建基于webpack模版的新项目：
3.安装Vant组件库npm i vant -S
4.安装按需引入插件babel-plugin-import
1. npm i babel-plugin-import -D
6.在babelrc中配置：

 "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]

-7. 在main.js中按需加载你需要的组件

import {    
  Button
} from 'vant';
Vue.use(Button);

-8.在组件中使用：

<template>
  <div>
    <van-button type="primary" @click="showPopup">
      展示弹出层
    </van-button>
  </div>
</template>