vue3层数组怎么拿最里面的值

在Vue3中，如果你有一个深度嵌套的数组，想要获取最里面的某个值，你可以使用`[]`操作符和`.find()`或者递归的方式来遍历。这里是一个简单的示例：

let arr = [
  {
    name: 'parent1',
    children: [
      {
        value: 'middleValue1',
        subChildren: ['deepestValue1']
      },
      {
        value: 'middleValue2',
        subChildren: ['deepestValue2']
      }
    ]
  }
];

// 使用`.find()`和`[]`
let deepestValue = arr.find(item => item.subChildren.length > 0)
                      .subChildren[0]; // 如果有多层，可以继续 `.subChildren[1]`

// 或者使用递归
function getInnerValue(arr, path = []) {
  return arr.reduce((result, item) => {
    if (Array.isArray(item.subChildren)) {
      let found = getInnerValue(item.subChildren, [...path, item.value]);
      if (found !== undefined) return found;
    } else if (typeof item === 'object') {
      return item; // 找到了非空对象或直接的值
    }
    return result;
  }, null);
}

let deepestValueWithRecursion = getInnerValue(arr);