vue3.2 项目中如何引入vant组件

只需要两步：

1 在 babel.config.js 中配置如下代码

2 在 main.js 中引入vant样式即可

1 在 babel.config.js 中配置如下代码

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],

  //vant 组件注入
  plugins: [
    [
      'import',
      {
        libraryName: 'vant',
        libraryDirectory: 'es',
        style: true
      },
      'vant'
    ]
  ]
}

2 在 main.js 中引入vant样式即可

import 'vant/lib/index.css'

3 使用

<template>
  <Button type="success">确定</Button>
</template>

<script setup>
import { Button } from 'vant'
</script>