<template functional>
    <a-sub-menu v-on="listeners" :key="data.attrs.menuInfo.name">
        <span slot="title">
            <a-icon :type="data.attrs.menuInfo.meta.icon" />
            <span>{{ data.attrs.menuInfo.meta.name }}</span>
        </span>
        <template v-for="item in data.attrs.menuInfo.children">
            <a-menu-item v-if="!item.meta.unfold" :key="item.name">
                <!-- <a-icon type="question"/> -->
                <span>{{ item.meta.name }}</span>
            </a-menu-item>
            <!-- 匹配多层级嵌套情况 -->
            <aside-item v-if="item.meta.unfold" :menuInfo="item" :key="item.name" />
        </template>
    </a-sub-menu>
</template>

<script type="text/javascript">
export default {
    name: "aside-item",
    components: {},
    data() {
        return {};
    },
    methods: {},
    mounted() {}
};
</script>

<style rel="stylesheet/scss" lang="scss"></style>
