如何使用Vant的SwipeCell组件

要使用Vant的SwipeCell组件，首先需要在项目中引入Vant组件库。然后在需要使用SwipeCell组件的地方添加以下代码：

<template>
  <van-swipe-cell>
    <!-- 左侧按钮 -->
    <template #left>
      <van-button square type="primary" text="编辑" />
    </template>

    <!-- 右侧按钮 -->
    <template #right>
      <van-button square type="danger" text="删除" />
    </template>

    <!-- 内容区域 -->
    <div class="content">SwipeCell content</div>
  </van-swipe-cell>
</template>

<script>
import { SwipeCell, Button } from 'vant';

export default {
  components: {
    SwipeCell,
    Button
  }
};
</script>

在上面的例子中，我们使用了Vant的SwipeCell组件，并在左侧和右侧分别添加了编辑和删除按钮。需要注意的是，左侧和右侧按钮需要使用template标签，并设置对应的插槽名称（left和right）。同时，也可以在SwipeCell组件内部添加其他内容作为展示区域。