ant-design-vue 侧边导航栏

Ant Design Vue 的侧边导航栏可以通过 `Menu` 组件实现。以下是一个简单的示例：

<template>
  <a-layout>
    <a-layout-sider>
      <a-menu :default-selected-keys="['1']" mode="inline">
        <a-menu-item key="1">
          <a-icon type="user" />
          <span slot="title">用户管理</span>
        </a-menu-item>
        <a-menu-item key="2">
          <a-icon type="team" />
          <span slot="title">团队管理</span>
        </a-menu-item>
      </a-menu>
    </a-layout-sider>
    <a-layout-content>Content</a-layout-content>
  </a-layout>
</template>

在这个示例中，我们使用了 `Layout` 和 `Menu` 组件来实现侧边导航栏。`Layout` 组件用于布局，`LayoutSider` 组件用于设置侧边栏的位置和宽度。`Menu` 组件用于渲染菜单项，通过 `default-selected-keys` 属性设置默认选中项，通过 `mode` 属性设置菜单的模式，这里设置为 `inline` 表示垂直展示。其中，`a-icon` 组件用于渲染菜单项的图标，`span` 标签用于渲染菜单项的文本。

您可以根据自己的需求对侧边导航栏进行进一步的定制。