写出代码：用vue使用van-swipe-cell能实现滑动删除

当然，以下是使用 Vue.js 和 vant 组件库的代码示例：

<template>
  <van-swipe-cell :right-width="60" :left-width="60" @close="onClose">
    <div slot="left" class="delete-btn">删除</div>
    <div slot="content">
      <!-- 这里是列表项的内容 -->
    </div>
    <div slot="right" class="collect-btn">收藏</div>
  </van-swipe-cell>
</template>

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

export default {
  components: {
    VanSwipeCell: SwipeCell
  },
  methods: {
    onClose: function() {
      // 处理关闭事件
    }
  }
}
</script>

<style>
.delete-btn {
  background-color: #f44;
  color: #fff;
}

.collect-btn {
  background-color: #39f;
  color: #fff;
}
</style>

在这个代码示例中，我们使用了 vant 组件库中的 `van-swipe-cell` 组件来实现滑动删除的效果。我们使用了 `:left-width` 和 `:right-width` 属性来设置滑动的距离。

在组件的 `slot` 中，我们定义了三个区域：左侧、中间和右侧。左侧和右侧区域是用来放置一些操作按钮的，中间区域则是用来放置列表项的内容。

最后，我们在组件中定义了一个 `onClose` 方法，用来处理关闭事件。在这个方法中，我们可以执行一些删除操作或者其他的一些操作，具体的实现可以根据具体的业务需求来进行编写。