vue中的三重嵌套数组要怎么写

在 Vue 中，你可以像 JavaScript 中一样使用三重嵌套数组，例如：

data() {
  return {
    myArray: [
      [
        [1, 2, 3],
        [4, 5, 6]
      ],
      [
        [7, 8, 9],
        [10, 11, 12]
      ]
    ]
  }
}

这将在 `data` 中定义一个 `myArray` 数组，它包含两个元素，每个元素都是一个包含两个数组的数组，每个数组又包含三个元素。

你可以使用多个 `v-for` 指令来遍历这个数组，例如：

<template>
  <div>
    <div v-for="(outerArray, outerIndex) in myArray" :key="outerIndex">
      <div v-for="(middleArray, middleIndex) in outerArray" :key="middleIndex">
        <div v-for="(innerArray, innerIndex) in middleArray" :key="innerIndex">
          {{ innerArray }}
        </div>
      </div>
    </div>
  </div>
</template>

这将输出 `myArray` 中的每个元素。

需要注意的是，如果你需要在 Vue 中动态修改三重嵌套数组，你需要使用 Vue 提供的数组变异方法，例如 `push()`、`pop()`、`shift()`、`unshift()`、`splice()` 等。你也可以使用 Vue 提供的 `$set()` 方法来添加或替换数组中的元素。需要注意的是，如果你直接修改数组的某个元素，Vue 将无法检测到这个变化，所以不推荐这样做。