多级菜单生成的嵌套路由如何展示页面

    {"data": [{
              "id": 1,
              "menuName": "一级菜单",
              "path": "/home",
              "icon": "el-icon-setting",
              "component": "Home",
              "childMenu": [{
                "id": 2,
                "menuName": "二级菜单-1",
                "path": "/baseConfig/menuManage",
                "component": "menuManage"
              },{
                "id": 111,
                "menuName": "二级菜单-2",
                "path": "/baseConfig/test/index",
                "component": "index",
                "childMenu": [{
                   "id": 121,
                   "menuName": "三级菜单",
                   "path": "/baseConfig/test/pagetest",
                   "component": "pagetest"
                }]
              }]
            }
          ]
        }

export const formatRoutes = (menuData) => {   
    let fmRoutes = [];
    menuData.forEach(item => {
        let {
            path,
            component,
            childMenu
        } = item;
        //console.log(children)
        if (childMenu && childMenu instanceof Array) {
            childMenu = formatRoutes(childMenu);
        }
        let fmRouter = {
            path: path,            
            children: childMenu,
            component(resolve) {
                if (component.startsWith("Home")) {
                    require(["../views/" + component + ".vue"], resolve);
                } else {
                    require(["../views" + path + ".vue"], resolve);
                } 
            }            
        };
        fmRoutes.push(fmRouter);
    });    
    return fmRoutes;
}

let fmRoutes = formatRoutes(menuData);            
router.addRoutes(fmRoutes);

<template>
<router-view></router-view>
</template>