<template><component:is="menuComponent":routerInfo="routerInfo"v-if="!routerInfo.hidden"><templatev-if="routerInfo.children&&routerInfo.children.length"><AsideComponent:key="item.name":routerInfo="item"v-for="item in routerInfo.children"/></template></component></template><script>importMenuItemfrom'./menuItem'importAsyncSubmenufrom'./asyncSubmenu'exportdefault{name:'AsideComponent',computed:{menuComponent(){if(this.routerInfo.children&&this.routerInfo.children.filter(item=>!item.hidden).length){return'AsyncSubmenu'}else{return'MenuItem'}}},props:{routerInfo:{default:function(){returnnull},type:Object}},components:{MenuItem,AsyncSubmenu}}</script><stylelang="scss"></style>