如何使用Vant的DropdownMenu组件

要使用Vant的DropdownMenu组件，首先需要在项目中引入Vant组件库，并在需要使用DropdownMenu的页面中引入DropdownMenu组件。

在页面中使用DropdownMenu组件的示例如下：

<template>
  <div>
    <van-dropdown-menu v-model="activeKey">
      <van-dropdown-item v-for="item in menuList" :key="item.key" :title="item.title">
        <van-dropdown-item v-for="subItem in item.subMenu" :key="subItem.key" :title="subItem.title" />
      </van-dropdown-item>
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeKey: '1',
      menuList: [
        {
          key: '1',
          title: '菜单1',
          subMenu: [
            { key: '1-1', title: '子菜单1' },
            { key: '1-2', title: '子菜单2' }
          ]
        },
        {
          key: '2',
          title: '菜单2',
          subMenu: [
            { key: '2-1', title: '子菜单1' },
            { key: '2-2', title: '子菜单2' }
          ]
        }
      ]
    };
  }
};
</script>

在上面的示例中，我们使用了Vant的DropdownMenu和DropdownItem组件，通过data中的数据来动态生成菜单和子菜单。通过v-model来绑定当前选中的菜单项，可以通过监听activeKey的变化来执行相应的操作。

需要注意的是，以上示例为基本使用方式，具体的样式和功能可以根据实际需求进行自定义配置。详细的参数和事件可以参考Vant官方文档。