区分Vue2和Vue3中element UI NavMenu组件的不同之处及各组件的属性、事件与方法如何使用

在Element UI（专为Vue 2设计）以及Element Plus（专为Vue 3设计）中，“NavMenu”导航菜单组件一般称为“el-menu”。尽管这两个版本在API功能与实现细节上可能存在一些细微差异，但其核心功能与使用方法仍是高度相似的。接下来我会分别讲解在Vue 2的Element UI以及Vue 3的Element Plus中如何运用el-menu组件。

Vue 2 + Element UI

在 Vue 2 的 Element UI 中，el-menu 组件用于创建导航菜单。

属性（Props）

• 类型说明符描述了当前的状态
• 其中例如用于水平布局的情况或者用于垂直布局的情况
• activeIndex 表示当前处于活跃状态的项目编号
• defaultExpandedIndices 表示在默认情况下展开的所有项目编号列表
• singleMenuExpanded 表示在垂直模式下是否只展开一个子菜单
• routeEnabled 表示是否启用路由功能
• backgroundColor 描述了菜单的整体背景设置
• textColor 指定菜单项的基础文本颜色
• activeTextColor 指定当前处于活跃状态的项目文字颜色
• …其他属性详情请参阅Element UI官方文档

事件（Events）