vant常用组件,vant组件库官网,vant dialog,vant 项目,vant-cli,vant组件官网
Vant4 业务组件是一种基于 Vue.js 框架的前端 UI 组件库，旨在为开发者提供高质量、易用性和可复用性的业务组件。它包含了常见的 UI 组件，如按钮、表单、弹窗、菜单等，并提供了丰富的主题和样式定制功能。

以下是 Vant4 业务组件的几个例子：

1. Button（按钮）：用于触发操作或提交表单。

<van-button type="primary">确认</van-button>


2. Form（表单）：用于收集用户输入的数据。

<van-form>
<van-field v-model="username" label="用户名" placeholder="请输入用户名" />
<van-field v-model="password" type="password" label="密码" placeholder="请输入密码" />
<van-button type="primary" @click="submitForm">提交</van-button>
</van-form>


3. Dialog（弹窗）：用于展示提示信息或确认对话框。

<van-dialog v-model="showDialog" title="提示" message="确定删除吗？" show-confirm-button confirm-button-text="确定" @confirm="deleteData" />


4. Menu（菜单）：用于展示导航或下拉列表。

<van-dropdown-menu>
<van-dropdown-item v-for="(item, index) in menuList" :key="index" :value="item.value">{{ item.label }}</van-dropdown-item>
</van-dropdown-menu>