怎么用vue.js 在前端嵌套遍历这样的数据，可以像京东那样在首页显示商品层级分类的

Question

[
{
"id": 1,
"name": "图书、音像、电子书刊",
"parentId": 0,
"isParent": true,
"sort": 1,
"node": [
{
"id": 2,
"name": "电子书刊",
"parentId": 1,
"isParent": true,
"sort": 1,
"node": [
{
"id": 3,
"name": "电子书",
"parentId": 2,
"isParent": false,
"sort": 1,
"node": null
},
{
"id": 4,
"name": "网络原创",
"parentId": 2,
"isParent": false,
"sort": 2,
"node": null
},
{
"id": 5,
"name": "数字杂志",
"parentId": 2,
"isParent": false,
"sort": 3,
"node": null
},
{
"id": 6,
"name": "多媒体图书",
"parentId": 2,
"isParent": false,
"sort": 4,
"node": null
}
]
},
{
"id": 7,
"name": "音像",
"parentId": 1,
"isParent": true,
"sort": 2,
"node": [
{
"id": 8,
"name": "音乐",
"parentId": 7,
"isParent": false,
"sort": 1,
"node": null
},
{
"id": 9,
"name": "影视",
"parentId": 7,
"isParent": false,
"sort": 2,
"node": null
},
{
"id": 10,
"name": "教育音像",
"parentId": 7,
"isParent": false,
"sort": 3,
"node": null
}
]
},
{
"id": 11,
"name": "英文原版",
"parentId": 1,
"isParent": true,
"sort": 3,
"node": [
{
"id": 12,
"name": "少儿",
"parentId": 11,
"isParent": false,
"sort": 1,
"node": null
},
{
"id": 13,
"name": "商务投资",
"parentId": 11,
"isParent": false,
"sort": 2,
"node": null
},
{
"id": 14,
"name": "英语学习与考试",
"parentId": 11,
"isParent": false,
"sort": 3,
"node": null
},
{
"id": 15,
"name": "文学",
"parentId": 11,
"isParent": false,
"sort": 4,
"node": null
},
{
"id": 16,
"name": "传记",
"parentId": 11,
"isParent": false,
"sort": 5,
"node": null
},
{
"id": 17,
"name": "励志",
"parentId": 11,
"isParent": false,
"sort": 6,
"node": null
}
]
},

Answer 1

https://blog.csdn.net/weixin_36429334/article/details/71108264