关于树形菜单实现问题

产品出了个需求，想参考目标网站上的树形菜单实现一个这个的功能。

网站地址如下：

https://m.ztrust.com/?#/zgt/course?activeKey=tree

看 Network 是一次性把数据请求回来，分一级、二级、三级菜单、...

点击 children 展开下一级，并带上关系（类似 echarts 的树图） ，直到 children 为空表示没有下一级

数据结构长这样的

data: [
  {
   children: [
     {
       children: [
         {
           children: []
         }
       ]
     }
   ]  
  }
]

求 V 友分析下思路。。并如何实现这个的功能

答:组件可以递归
答:连线是咋实现的
答:这些都有现成的插件啊，jq jsTree.js vue react 就更不用说了