antd vue 左侧一级菜单，右侧导航二三级菜单 代码实现

在Ant Design Vue中，可以使用Menu组件来实现左侧一级菜单和右侧导航二三级菜单的布局。下面是一个简单的代码示例：

<template>
  <div>
    <a-layout style="min-height: 100vh">
      <a-layout-sider :width="200">
        <a-menu mode="inline" :default-selected-keys="['1']">
          <a-menu-item key="1">
            <a-icon type="user" />
            <span>菜单1</span>
          </a-menu-item>
          <a-menu-item key="2">
            <a-icon type="video-camera" />
            <span>菜单2</span>
          </a-menu-item>
          <a-sub-menu key="sub1">
            <template slot="title">
              <a-icon type="mail" />
              <span>菜单3</span>
            </template>
            <a-menu-item key="3">子菜单1</a-menu-item>
            <a-menu-item key="4">子菜单2</a-menu-item>
          </a-sub-menu>
        </a-menu>
      </a-layout-sider>
      <a-layout-content style="padding: 24px">
        <!-- 右侧内容 -->
      </a-layout-content>
    </a-layout>
  </div>
</template>

<script>
export default {
  name: 'YourComponent',
  // 其他组件配置
}
</script>

<style scoped>
/* 样式定义 */
</style>

在上面的代码中，我们使用了Ant Design Vue的Layout、Menu和Icon组件来实现左侧一级菜单和右侧导航二三级菜单的布局。其中，Layout组件用于整体布局，LayoutSider组件用于左侧菜单栏，LayoutContent组件用于右侧内容区域。Menu组件用于定义菜单项，可以通过设置mode属性来指定菜单的展示方式，通过设置default-selected-keys属性来指定默认选中的菜单项。

相关问题：
1. Ant Design Vue中如何实现左侧一级菜单和右侧导航二三级菜单的布局？
2. 如何在Ant Design Vue中定义菜单项？
3. 如何设置Ant Design Vue菜单的默认选中项？
4. Ant Design Vue中的Layout组件有哪些常用属性和方法？
5. 如何在Ant Design Vue中使用Icon图标？