Arco Pro Vue项目实现左侧一级菜单栏

在Arco Pro Vue项目中，实现左侧一级菜单栏通常涉及到使用<arco-menu>组件。以下是一个简单的实现示例：

首先，确保你已经安装并设置好了Arco Pro Vue项目。

1. 在你的组件中导入<arco-menu>组件：

import { Menu } from 'arco-design-vue';

2. 在模板中使用<arco-menu>组件创建菜单，并添加一级菜单项：

<template>
  <arco-menu mode="vertical" style="width: 200px;">
    <arco-menu-item key="1">菜单项1</arco-menu-item>
    <arco-menu-item key="2">菜单项2</arco-menu-item>
    <arco-menu-item key="3">菜单项3</arco-menu-item>
    <!-- 更多菜单项 -->
  </arco-menu>
</template>

3. 确保你的组件正确导出：

export default {
  components: {
    ['arco-menu']: Menu,
    ['arco-menu-item']: Menu.Item,
  },
};

这样，你就有了一个基本的左侧一级菜单栏。你可以根据需要添加更多的<arco-menu-item>来扩展菜单项，并且可以使用<arco-submenu>来添加二级或三级菜单。此外，你还可以通过Menu组件的属性来控制菜单的行为，比如激活项、选中项和菜单模式等。