vant组件库官网,vant dialog组件调用,vant教程,vant sidebar,vant的tab组件用法,vant组件库怎么用
Vant3 是一套基于 Vue3 开发的组件库，它提供了许多常用的 UI 组件和工具，可以帮助开发者快速搭建 Web 应用程序。Vant3 基础组件是其中最基本的组件集合，包括按钮、输入框、选择器等常见的表单组件，以及轮播图、标签页、折叠面板等常见的功能性组件。

以下是几个 Vant3 基础组件的例子：

1. Button（按钮）


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


2. Input（输入框）


<van-input v-model="value" placeholder="请输入内容" />


3. Picker（选择器）


<van-picker
:columns="columns"
@change="onChange"
title="标题"
:value-key="'name'"
/>


4. Swipe（轮播图）


<van-swipe autoplay :height="200">
<van-swipe-item v-for="(item, index) in list" :key="index">
<img :src="item" class="swiper-img" />
</van-swipe-item>
</van-swipe>


5. Tab（标签页）


<van-tabs v-model="active">
<van-tab title="标签1">内容1</van-tab>
<van-tab title="标签2">内容2</van-tab>
<van-tab title="标签3">内容3</van-tab>
</van-tabs>


6. Collapse（折叠面板）


<van-collapse v-model="activeNames">
<van-collapse-item title="标题1" name="1">内容1</van-collapse-item>
<van-collapse-item title="标题2" name="2">内容2</van-collapse-item>
<van-collapse-item title="标题3" name="3">内容3</van-collapse-item>
</van-collapse>


这些组件可以在 Vant3 官方文档中找到更详细的使用说明和示例。