Vue.js -显示另一个数组中嵌套数组的详细信息

data() {
  return {
    nestedArray: [
      { id: 1, name: 'Item 1', details: ['Detail 1', 'Detail 2', 'Detail 3'] },
      { id: 2, name: 'Item 2', details: ['Detail 4', 'Detail 5', 'Detail 6'] },
      { id: 3, name: 'Item 3', details: ['Detail 7', 'Detail 8', 'Detail 9'] }
    ]
  }
}

<div v-for="item in nestedArray" :key="item.id">
  <h2>{{ item.name }}</h2>
  <ul>
    <li v-for="detail in item.details" :key="detail">{{ detail }}</li>
  </ul>
</div>