el-menu 导航栏学习-for循环封装

el-menu 是 Element UI 中的一个组件，用于创建导航栏。通过 for 循环封装 el-menu，可以方便地根据数据动态生成菜单项。

以下是一个简单的例子，演示如何使用 for 循环封装 el-menu。

假设我们有一个包含多个菜单项的数组 menuItems，每个菜单项包含了名称和链接地址。我们可以通过下面的代码动态生成 el-menu。

在模板中，我们使用 v-for 循环遍历菜单项数组，并使用 :index 绑定菜单项的链接地址。在 el-menu-item 组件中，我们显示了菜单项的名称。

这样，我们就可以动态生成 el-menu 组件，根据菜单项数组自动生成菜单项。

需要注意的是，使用 for 循环封装 el-menu 时，我们需要使用 标签来包裹循环生成的 el-menu-item。这是因为 el-menu 只支持 el-menu-item 作为直接子节点。