v-for循环数组里的数组

v-for指令在Vue.js中用于遍历数组或对象，如果需要遍历嵌套的数组，你可以在外层使用`v-for`处理顶级数组，然后在内层再次使用`v-for`处理内部数组。例如，假设你有一个二维数组：

<template>
  <div>
    <ul>
      <li v-for="item in outerArray">
        <span>外部元素: {{ item.name }}</span>
        <ul>
          <li v-for="innerItem in item.innerArray">{{ innerItem.value }}</li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      outerArray: [
        { name: 'Array 1', innerArray: ['Value 1', 'Value 2'] },
        { name: 'Array 2', innerArray: ['Value 3', 'Value 4'] },
      ]
    }
  }
}
</script>

在这个例子中，`v-for`会依次渲染每个外部元素，并对每个外部元素的`innerArray`进行遍历。每个内部项都会显示其`value`。