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了