递归组件的使用

假设有这样一个数据,可以发现是一个嵌套的数据关系，在id为0的数据中还包含了二级数据，如果要使用的话就可以使用递归组件。

 

 

在此之前，我都以为组件的名字只是用来在父组件中使用的，但是还有一个大用处，就是自身去调用自身！牛逼了

但是有一点很奇怪，组件使用了DetailList的名子，但是在使用自己使用自己是总是报错该组件未被注册，后来就换了一个组件名，改成了list就成功了，所以以后的组件命名不要使用驼峰形式，简单就好。当然了父组件除外。并且子组件名和父组件中的components名毫无关系。

递归的具体使用

            <!-- //如果有children这个选项就显示 -->
            <div v-if="item.children">
                <list class="children" :list="item.children"></list>
            </div>

效果图

 

 

那么三级菜单怎么做呢？直接在二级菜单里面嵌套一个children，其他都不用修改。