vue-cli3引入vant

第一步不用说照着官网进行安装，NPM或者是yarn，都是可以的

npm i vant -S

安装之后

我们在babel.config.js中进行配置插件：

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
}

这样就可以直接使用了，我这里在main.js中做下示范：

LS（按钮和弹窗组件）：

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

结构中：

<van-popup v-model="show" position="top" :overlay="true">
<van-button disabled type="primary">禁用状态</van-button>