像这样东西

<div v-for="name in myArray">
 <div v-for="(i,index) in name.myNestedArray.length()" :key="index">
   {{name.myNestedArray[index]}}
 </div>
</div>

可以为一个循环创建计算属性并填充数组：

new Vue({
  el: "#app",
  data() {
    return {
      myArray: [
      {myNestedArray: [
          'Rob',
          'John',
          'Jacob'
        ]},
      {myNestedArray: []},
      {myNestedArray: [
          'Tom',
          'Liz',
          'Martin'
        ]}
      ]
    }
  },
  computed: {
    flatArray() {
      return this.myArray.map(m => m.myNestedArray).flat()
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div v-for="nestedData in flatArray">
    {{ nestedData }}
  </div>
</div>

首先你必须理解两者的区别，我们总是使用index来访问数组元素，而对象属性值是key的.
根据需要，可以通过两种方式打印模板中的嵌套数组元素。
1.通过使用换行符<br>连接数组元素，然后在v-html属性中使用它。但是在使用它时，请确保您没有任何恶意或敏感数据，因为它可能会暴露给XSS安全漏洞。
现场演示**：**

new Vue({
  el: '#app',
  data: {
    myArray: [
      {
        myNestedArray: [
          'Rob',
          'John',
          'Jacob'
        ]
      }
    ]
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div v-for="(name, index) in myArray" :key="index">
    <p v-html="name.myNestedArray.join('<br>')"></p>
  </div>
</div>

1.通过使用v-for属性迭代循环两次。
现场演示**：**
一个二个一个一个

试试这个-

1. myArray上的外循环。
2. myNestedArray上的内部循环
   这是一个工作演示-

new Vue({
  el: "#app",
  data() {
    return {
      myArray: [
      {
        myNestedArray: [
          'Rob',
          'John',
          'Jacob'
        ]
      },
      {
        myNestedArray: []
      },
      {
        myNestedArray: [
          'Tom',
          'Liz',
          'Martin'
        ]
      }
    ]
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div v-for="name in myArray">
    <div v-for="nestedData in name.myNestedArray">
      {{ nestedData }}
    </div>
  </div>
</div>