vue3中如何按需引入vant组件库

1.安装vant3组件库

npm i vant

2.安装官方提高插件，它可以自动按需引入组件

# 通过 npm 安装
npm i unplugin-vue-components -D
 
# 通过 yarn 安装
yarn add unplugin-vue-components -D
 
# 通过 pnpm 安装
pnpm add unplugin-vue-components -D

3.如果是基于 vite 的项目，在 vite.config.js 文件中配置插件：（基于其他项目，参考vant3官网）

import vue from '@vitejs/plugin-vue';
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
 
export default {
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
};