UNIAPP使用VUE3引入vant

UNIAPP 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。VUE3 是 Vue.js 的最新主要版本，带来了许多新的特性和改进。

要在 UNIAPP 项目中使用 VUE3 引入 Vant UI 组件库，你需要遵循以下步骤：

1. 首先确保你的 UNIAPP 项目是基于 VUE3 创建的，因为 Vant 是为 VUE3 设计的。

2. 通过 UNIAPP 的包管理器（如 npm 或 yarn）安装 Vant。在项目的根目录打开命令行工具，执行以下命令之一：

   npm install vant --save

或者

   yarn add vant

3. 安装完成后，需要在你的 UNIAPP 项目的入口文件（通常是 `main.js` 或 `main.ts`）中引入 Vant 组件，并使用 `app.use()` 方法将其注册到 Vue 应用实例中。这可能看起来像这样：

   import { createApp } from 'vue'
   import App from './App'
   import vant from 'vant';
   import 'vant/lib/index.css';

   const app = createApp(App);
   app.use(vant);
   app.mount('#app');

4. 注册完 Vant 后，你可以在你的 Vue 组件中按需引入并使用 Vant 提供的组件，例如：

   <template>
     <van-button type="primary">主要按钮</van-button>
   </template>

注意，对于使用 UNIAPP 开发的小程序，可能还需要进行一些额外的配置来确保 Vant 组件的正确显示和行为。