vue多层嵌套分组问题

Question

问题描述

有个需求，就是库可以创建分组，分组可以创建子分组和创建组件，子分组还可以再创建，可以无限嵌套，并且数量都不唯一，也就是说分组可以创建多个子分组，每个子分组又可以创建多个子子分组，直到创建了组件
这其实产生了两个问题，一是用什么去做，我刚开始想用树形图去做，但是感觉不太行，因为子分组理论上无限，万一嵌套了十几层，树形图都展示不了全部子集。
后来我想到了直接类似于面包屑导航，把分组全用一个组件显示，只不过在导航上显示层级，这有个问题就是路由会变成自定义嵌套，就是不知道子路由到底有几层
我希望有大佬能给个思路，这种情况到底怎么做更好

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

可以参考网盘的展现形式。
分组类似文件夹，组件类似文件。