vue循环遍历多层数组回显

在Vue.js中，如果你需要遍历一个多层数组并将其内容显示出来，可以使用`v-for`指令配合嵌套的`v-for`或对象的`props`来实现。假设你有一个结构类似这样的多层数组：

data() {
  return {
    items: [
      {
        id: 1,
        name: 'Parent 1',
        children: [
          { id: 11, name: 'Child 11' },
          { id: 12, name: 'Child 12' }
        ]
      },
      {
        id: 2,
        name: 'Parent 2',
        children: [
          { id: 21, name: 'Child 21' },
          { id: 22, name: 'Child 22' }
        ]
      }
    ]
  };
}

你可以这样在模板中循环遍历：

<template>
  <div v-for="parent in items">
    <h3>{{ parent.name }}</h3>
    <ul>
      <li v-for="child in parent.children">
        {{ child.name }}
      </li>
    </ul>
  </div>
</template>

在这个例子中，外层的`v-for`遍历每个父级元素，而内层的`v-for`则遍历每个父级的子元素。这样就可以逐层回显数组的内容。