vue-递归组件封装

现实使用中会遇到类似文件树，菜单导航等的情况，需要用递归的方式展示树形结构的数据，就需要使用递归的组件去实现。

一、递归实现树形展示列表

普通的二级树可以用遍历的方式展示，如下代码所示：

展示结果如下：

如果是多级树的话，可以用递归组件的方式实现，递归组件代码如下，其中List组件为组件本身。

使用多级树组件的方式如下：

展示结果如下展示：

更多的应用递归组件实现功能还有菜单，如ant design和element-ui的菜单组件，github地址https://github.com/xiaoaiai/vue-sass-test/blob/main/src/views/layout/subMenuTemplate.vue中有相关的ant design vue中的menu组件的个人封装组件，大家可以参考一下。

github地址为：https://github.com/xiaoaiai/vue-sass-test/tree/main/src/views/basicTree