老师看一下关于递归的问题

同学你好，问题解答如下：

list.vue这个页面，就是组件detail-list，组件detail-list中渲染了标题{{item.title}}；而在组件detail-list中，在class="item-chilren"这个div中，又生成了一个detail-list组件，所以这个detail-list中，也有标题{{item.title}}（自己嵌套自己）；可以将组件detail-list看成一个房子，该房子进门的位置有张床（床就是类比标题），在这个房子的某一个位置，我们又建了一个房子，该房子和外层的大房子一模一样，所以该房子里，同样的位置，也有一个床。

建议同学再看一下老师之前的回复，结合本次回复，仔细理解一下，不要着急。

祝学习愉快！

同学你好，问题解答如下：

1. 关于数据绑定部分，同学的理解是对的。

2. 由于这里是使用的递归组件，即组件内部再调用组件自己：list.vue这个页面，是组件detail-list，而该页面内，又调用了自己，如下：

   

   所以给“detail-list”绑定:list="item.children.title"时什么也不显示，因为组件detail-list本身的数据要求是一个数组，如下：

   
   

   因此数据提供的不正确，页面显示就不会正确。

   而绑定:list="item.children"时，会将内部的title也显示出来，也是因为“<detail-list :list="item.children"></detail-list>”这句代码，是再渲染一个detail-list 组件，而detail-list 组件内部有对标题的渲染，如下：

   
   

同学试着理解一下。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！