如何使用Vant的Collapse组件

Vant的Collapse组件可以实现内容折叠和展开的功能，使用起来非常简单。首先需要引入Collapse组件：

import { Collapse } from 'vant';

然后在组件中使用Collapse组件，并传入需要展示的内容：

<template>
  <div>
    <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>
  </div>
</template>

在data中定义activeNames来控制展开的内容：

export default {
  data() {
    return {
      activeNames: ['1']
    };
  }
}

这样就可以实现一个基本的Collapse组件，用户点击标题就可以展开或折叠对应的内容。可以根据具体需求进一步定制组件的样式和功能。