问题描述我们在使用vue开发项目的时候,有时候需要用到递归的思维来写代码。在一些UI组件中,我们也可以看到递归思想的运用。例如:饿了么UI中的el-tree组件、el-menu组件(动态菜单栏)、el-Cascader组件。所以本文将通过一个简单的例子来记录递归思想在vue组件中的使用。什么是递归?我们知道一个函数可以调用其他函数,让其他函数执行;而递归是:一个函数不调用其他函数,只调用自己,并保持自己的函数执行。当然,如果一直执行,会造成栈溢出问题,所以递归需要有结束条件。当达到这个条件时,该函数将停止调用自身并停止。感觉和循环有点类似递归、循环、无限循环的理解Recursion:infinitenestingdolls,whenyoufindadoll,stopnestingloop:keepnestingdolls,必须把所有的娃娃嵌套一次,然后停止.设置死循环:我一直在套娃,但是套娃一直套不上。这是我的简单理解。具体区别以官方vue组件为准。递归效果图代码部分App.vue组件入口页面代码tree.vue递归组件中的代码注释如下:代码如下:
summaryrecursion还是比较耗性能的,要神来之用,不可滥用
