vue之使用vant

安装vant

使用vue ui
安装vant
npm i vant -S

安装插件

npm i babel-plugin-import -D

使用vant

方式一. 自动按需引入组件 (推荐)

在babel.config.js 中配置

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

// 接着你可以在代码中直接引入 Vant 组件
// 插件会自动将代码转化为方式二中的按需引入形式

import { Button } from 'vant';

方式二:手动按需引入组件

import Button from 'vant/lib/button';
import 'vant/lib/button/style';

方式三. 导入所有组件

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

之后就可以使用导入api的代码了
使用vant了