用vant实现树形菜单

要使用Vant实现树形菜单，可以使用Vant的Tree组件。以下是一个简单的示例代码：

<template>
  <van-tree :data="treeData" :height="400" @click="handleClick"></van-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          text: 'Node 1',
          children: [
            {
              text: 'Node 1-1',
              children: [
                {
                  text: 'Node 1-1-1'
                },
                {
                  text: 'Node 1-1-2'
                }
              ]
            },
            {
              text: 'Node 1-2',
              children: [
                {
                  text: 'Node 1-2-1'
                },
                {
                  text: 'Node 1-2-2'
                }
              ]
            }
          ]
        },
        {
          text: 'Node 2',
          children: [
            {
              text: 'Node 2-1'
            },
            {
              text: 'Node 2-2'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleClick(data) {
      console.log(data);
    }
  }
}
</script>

在上面的示例代码中，我们将树形菜单的数据绑定到了`treeData`属性上，然后在模板中使用`van-tree`组件来渲染树形菜单。点击树形菜单节点时，会触发`handleClick`方法，该方法接收一个参数`data`，参数`data`表示被点击的节点数据。

需要注意的是，以上代码是一个简单的示例，如果需要更复杂的树形菜单，可能需要对`treeData`数据进行调整。