vue-cli3中引入vant

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

cnpm i vant --save

npm i babel-plugin-import --save

安装之后

我们在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';
// vant样式引入
import 'vant/lib/index.css';
Vue.use(Button).use(Popup);

结构中：

禁用状态