在Vue3框架中，Vant库中有哪些常用且功能强大的Swipe滑动组件可供使用，并写一个demo

在 Vue3 框架中，Vant 库是一个非常流行的设计套件，其中包含了许多实用的组件，包括用于滑动操作的 `van-swipe` 组件。这个组件常用于展示图片轮播、导航切换等场景。

`van-swipe` 的基本用法示例如下：

<template>
  <div>
    <van-swipe v-model="active">
      <van-swipe-item v-for="(item, index) in items" :key="index">
        <img :src="item.src" alt="Item {{ index + 1 }}">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue';
import { Swipe, SwipeItem } from 'vant';

export default defineComponent({
  components: {
    VanSwipe: Swipe,
    VanSwipeItem: SwipeItem,
  },
  data() {
    return {
      active: 0,
      items: [
        { src: 'image1.jpg' }, // 图片路径替换为你实际的图片地址
        { src: 'image2.jpg' },
        { src: 'image3.jpg' },
        // 更多图片...
      ],
    };
  },
});
</script>

在这个例子中，我们创建了一个 `van-swipe` 组件，并循环渲染了 `van-swipe-item` 来显示多张图片。当用户左右滑动时，`v-model` 会跟踪当前选中的项，你可以根据需要添加更多的事件监听和自定义选项。