uniapp中使用vant4

在UniApp中使用Vant 4，Vant是一个轻量级、模块化的UI组件库，专为构建跨平台的移动应用而设计。Vant 4版本针对性能进行了优化，并且提供了更现代化的设计风格。

要在UniApp项目中集成Vant 4，你需要按照以下步骤操作：

1. **安装Vant**: 首先确保你的 UniApp 工程已经安装了 Vue CLI 和相应的运行环境。然后，在终端或命令提示符中，进入你的项目目录并运行：

   npm install vant vant-css@latest @vant/weapp --save

或者使用 yarn：

   yarn add vant vant-css@latest @vant/weapp

2. **引入组件**：在需要使用 Vant 组件的地方，通过 `import` 引入组件，例如：

   import { Button, Toast } from '@vant/weapp';

3. **注册组件**：如果只在一个组件文件中使用Vant组件，可以直接导入并在该组件内使用。如果是全局注册，可以在项目的 main.js 文件中注册：

   Vue.use(Button);
   Vue.use(Toast);

4. **开始使用**：现在你可以像Vue官方文档那样使用Vant提供的组件了，比如创建一个按钮：

   <van-button>点击我</van-button>