VUE递归树形实现多级列表代码示例

本篇文章小编给大家分享一下VUE递归树形实现多级列表代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

什么是递归？

简单来说就是在组件中内使用组件本身。

为什么要用递归？

如果出现很多下拉菜单，同级，分级数据，层级混杂，可以使用v-for的嵌套循环不就完事了。对，没毛病这样的话也可以做，但是如果数据又多加了【很多】级分类呢；使用v-for也能实现，但是代码可能会比较杂或混乱！也不适合后期的维护，这个时候呢，我们就可以使用我们所说道的【递归组件 】了，使用递归组件，无论你的数据怎么增加我们都不用改动我们的代码。

先看效果：

创建两个文件

父组件tree.vue 子组件tree-detail

父组件代码：

子组件代码：