一、背景需求 在页面上渲染一个多级列表的时候，数据往往也具有多个层级 例如：数组的每个元素都是一个对象，对象中的value可能是一个数组 在这种情况下，使用多重循环的HTML代码效率并不高，而且会增加后期维护的成本 vue提供了一种更好的实现方式：即递归组件 二、递归组件的概念和使用 ...

信息的分类展示列表 这次我们主要是实现一个信息的分类展示列表存在二级/三级的分类，如下如所示： 　　看到这个很多人会想到这个实现起来很简单啊，来个嵌套循环不就完事了。 　　对，你说的没错，事实就是这样简单。那么就先来看看这么简单的列表怎么实现的，然后这个方案的劣势在哪里。 首先看 ...

本文链接：https://blog.csdn.net/weixin_43756060/article/details/87786344vue递归实现图片上的多级菜单 父级组件结构 列表子组件 ...

介绍 这是一个是基于element-UI的导航菜单组件基础上，进行了二次封装的菜单组件，该组件以组件递归的方式，实现了可根据从后端接收到的json菜单数据，动态渲染多级菜单的功能。 使用方法 由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI ...

介绍 这是一个是基于element-UI的导航菜单组件基础上，进行了二次封装的菜单组件，该组件以组件递归的方式，实现了可根据从后端接收到的json菜单数据，动态渲染多级菜单的功能。 使用方法 由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI ...

第二层级，第二层级里包含子项 3.第一层级中只包含直属子项 接下来，再分析列表所实现的功能： ...

递归组件的应用===》可以通过组件命名来自己使用自己的组件 实例如下 父组件 子组件 ...

递归组件就是在组件的模板中调用组件自身，需要设置一个条件，否则可能会无线循环下去 递归组件获取的数据：detail.json 组件模板： <script> 相关代码： 效果： ...