vue组件使用name属性来生成递归组件
阅读原文时间:2023年07月09日阅读:1

先来个简单的数据

1 lists = [{
2 id: 1,
3 title: '第一层',
4 children: [{
5 id: 3,
6 title: '第二层',
7 children: [{
8 id: 4,
9 title: 第三层
10 }]
11 }]
12 },{
13 id: 2,
14 title: '第一层'
15 }]

上面的数据是个很简单的数据,一个数组,嵌套了3层,即id为1为祖,id为3为父,id为4位孙。

创建一个简单的单组件,list.vue,name属性为list

1
19
20