van-dropdown-menu组件使用介绍

Van-dropdown-menu是Vanilla-UI库中的一个下拉菜单组件，用于在页面中展示一个菜单。使用该组件需要先引入Vanilla-UI库，并在需要使用的页面中进行初始化配置。

该组件的使用方法如下：
1. 引入Vanilla-UI库
2. 在HTML文件中定义下拉菜单的触发元素和菜单元素，设置它们的class名为van-dropdown-menu和van-dropdown-menu__list
3. 初始化VanDropdownMenu对象并进行相应的配置，如：设置默认选项、设置菜单最大高度、设置菜单显示方向等。

以下是一个示例：

<!-- 引入Vanilla-UI库 -->
<link rel="stylesheet" href="path/to/vanilla-ui.css">
<script src="path/to/vanilla-ui.js"></script>

<!-- 定义触发元素和菜单元素 -->
<button class="van-dropdown-menu">展示菜单</button>
<ul class="van-dropdown-menu__list" style="display:none;">
  <li>菜单项1</li>
  <li>菜单项2</li>
  <li>菜单项3</li>
</ul>

<script>
  // 初始化VanDropdownMenu对象并进行相应的配置
  new VanDropdownMenu('.van-dropdown-menu', {
    defaultIndex: 0,
    maxHeight: 200,
    direction: 'bottom'
  });
</script>

通过调用VanDropdownMenu对象的方法，可以实现菜单的打开、关闭、选项的切换等操作。