Vue笔记-生成二级菜单

const menu = [
    {
        "title": "主页大厅"
    },
    {
        "title": "推广中心"
    },
    {
        "title": "寻求帮助",
        "children": [
            {
                "title": "常见问题"
            },
            {
                "title": "问题解答"
            }
        ]
    },
    {
        "title": "个人中心"
    }
]

<ul class="menu">
    <li v-for="(menuItem, index) in menu" :key="index">
        <a href="">{{menuItem.title}}</a>
        <ul class="sub-menu" v-if="menuItem.children">
            <li v-for="(subMenuItem, subIndex) in menuItem.children" :key="subIndex">
                <a href="">{{subMenuItem.title}}</a>
            </li>
        </ul>
    </li>
</ul>

通过v-for生成二级菜单