vue3递归获得树形对象中的全部children对象children对象中也有children对象

在Vue3中，如果你有一个树状数据结构，其中每个节点都有一个`children`属性表示其子节点的数组，你可以通过递归来遍历并获取所有层级的子节点。下面是一个简单的示例：

// 假设你的数据结构类似这个样子
const treeData = {
  id: 1,
  name: '根节点',
  children: [
    {
      id: 2,
      name: '子节点1',
      children: [
        { id: 4, name: '孙子节点1' },
        { id: 5, name: '孙子节点2' }
      ]
    },
    {
      id: 3,
      name: '子节点2',
      children: []
    }
  ]
}

function getAllChildren(treeNode) {
  return Array.isArray(treeNode.children)
    ? [...treeNode.children, ...treeNode.children.map(getAllChildren)]
    : [treeNode];
}

// 调用函数获取整棵树的所有孩子
const allChildren = getAllChildren(treeData);

console.log(allChildren);

在这个例子中，`getAllChildren`函数会返回给定节点及其所有子孙节点的数组。它首先检查`children`是否是一个数组，如果是，就递归地处理每个子节点，并将结果合并到主数组中。