html嵌套php for循环,v-for表格html怎么安排三级以上的循环嵌套，如下图和代码

问题

1.红色为爷爷层

2.白色为父层

3.还有一层子层

要的是表格,table

不知道怎么写html，再循环嵌套

.....

代码

序号类型nametitle创建时间最后修改时间操作

//爷爷

:key="item.id">

{{index+1}}顶级模块模块菜单操作{{item.name}}{{item.title}}{{item.createdAt}}{{item.updatedAt}}

class="app-btn-blue">编辑

class="app-btn-red">删除

//父层

:key="item2.id">

{{index2+1}}顶级模块模块菜单操作{{item2.name}}{{item2.title}}{{item2.createdAt}}{{item2.updatedAt}}

class="app-btn-blue">编辑

class="app-btn-red">删除

json

var data = [

{

createdAt: '2019-06-04 14:55:02',

updatedAt: '2019-06-04 14:55:02',

id: 1,

type: 1,

name: 'home',

title: '首页',

status: 1,

permissionId: 0,

children: [

{

createdAt: '2019-06-04 15:11:36',

updatedAt: '2019-06-04 15:11:36',

id: 3,

type: 1,

name: 'role',

title: '角色',

status: 1,

permissionId: 1,

children: [

{

createdAt: '2019-06-04 15:12:10',

updatedAt: '2019-06-04 15:12:10',

id: 5,

type: 2,

name: 'roleList',

title: '角色列表',

status: 1,

permissionId: 3

},

{

createdAt: '2019-06-04 15:12:29',

updatedAt: '2019-06-04 15:12:29',

id: 6,

type: 3,

name: 'roleUpdate',

title: '角色修改',

status: 1,

permissionId: 3

},

{

createdAt: '2019-06-05 22:29:28',

updatedAt: '2019-06-05 22:29:28',

id: 15,

type: 1,

name: 'roleCreate',

title: '角色创建',

status: 1,

permissionId: 3

},

{

createdAt: '2019-06-05 22:59:46',

updatedAt: '2019-06-05 22:59:46',

id: 16,

type: 1,

name: 'roleAuth',

title: '角色授权',

status: 1,

permissionId: 3

}

]

},

{

createdAt: '2019-06-04 15:12:57',

updatedAt: '2019-06-04 15:12:57',

id: 7,

type: 1,

name: 'adminUser',

title: '管理员',

status: 1,

permissionId: 1,

children: [

{

createdAt: '2019-06-04 15:13:05',

updatedAt: '2019-06-04 15:13:05',

id: 8,

type: 2,

name: 'adminUserCreate',

title: '管理员创建',

status: 1,

permissionId: 7

},

{

createdAt: '2019-06-04 15:13:25',

updatedAt: '2019-06-04 15:13:25',

id: 9,

type: 2,

name: 'adminUserList',

title: '管理员列表',

status: 1,

permissionId: 7

},

{

createdAt: '2019-06-04 15:13:32',

updatedAt: '2019-06-04 15:13:32',

id: 10,

type: 3,

name: 'adminUserUpdate',

title: '管理员修改',

status: 1,

permissionId: 7

}

]

},

{

createdAt: '2019-06-04 15:13:40',

updatedAt: '2019-06-04 15:13:40',

id: 11,

type: 1,

name: 'permission',

title: '权限',

status: 1,

permissionId: 1,

children: [

{

createdAt: '2019-06-04 15:13:59',

updatedAt: '2019-06-04 15:13:59',

id: 12,

type: 2,

name: 'permissionCreate',

title: '权限创建',

status: 1,

permissionId: 11

},

{

createdAt: '2019-06-04 15:14:10',

updatedAt: '2019-06-04 15:14:10',

id: 13,

type: 2,

name: 'permissionList',

title: '权限列表',

status: 1,

permissionId: 11

},

{

createdAt: '2019-06-04 15:14:17',

updatedAt: '2019-06-04 15:14:17',

id: 14,

type: 3,

name: 'permissionUpdate',

title: '权限修改',

status: 1,

permissionId: 11

}

]

}

]

}

]