vue自定义递归组件

在自定义树形结构的组件时，如果数据嵌套层数未知（即父若有子，子又有孙，子子孙孙无穷尽也），此时就可以使用递归的方式定义组件。如多级菜单，树形列表等。

递归组件模板在定义时时，需要注意：一定要写终止条件，否则就会陷入无止境的循环中。

举例：定义多级菜单：
父组件中使用 sidebar-item：

<el-menu
        :default-active="activeMenu"
        :collapse="isCollapse"
        :background-color="variables.menuBg"
        :text-color="variables.menuText"
        :unique-opened="false"