vue递归组件的使用

管理系统的菜单栏，相信大家都有见过，都免不了有一级二级......等等，层级是不确定的，是后台数据决定的，这时我们就要用到递归组件了。

首先我们来谈谈 组件的name属性：

1. 递归组件的调用；

2.keep-alive中使用和属性，包含或者排除指定name组件。

3.vue-调试；

所以要使用递归组件，必须加上name属性，实现调用自身，使用递归时，我们要非常注意递归结束的条件，否则很容易陷入死循环，抛出错误: max stack size 。

对于递归组件，往往数据会比较复杂，所以我们将递归逻辑抽离出来，作为一个单独的组件。’

首先父组件 menu.vue：

子组件 （递归组件）.vue

然后运行，来看看效果。

用法比较简单，完结，撒花！