解锁新技能：vue如何渲染嵌套数据递归展示

数据结构如下：

data: {
	return {
		lists: [{
			name: '1',
			children: [{
				name: '11',
				children: [{
					name: '111',
					children: [{
						name: '1111'
					}]
				}]
			}]
		},
		{
			name: '2',
			children: [{
				name: '22',
			},
			{
				name: '22',
				children: [{
					name: '222'
				}]
			}]
		}]
	}
}

父组件

<div 
	v-for="(item,index) in lists" 
	:key="index">
	<div v-if="item.children">
		 <MyItemComment :list-child="item.childComments"/>
	</div>
</div>

子组件

<div v-for="(el,ind) in listChile" :key="ind">
	<p>{{el.name}}</p>
</div>

没看懂的点这个链接
没看懂的点这个链接
没看懂的点这个链接