如何在vue中对嵌套在数据实例中的对象数组中的数组进行建模

data() {
  return {
    items: [
      { name: 'Item 1', subItems: [1, 2, 3] },
      { name: 'Item 2', subItems: [4, 5, 6] },
      { name: 'Item 3', subItems: [7, 8, 9] }
    ]
  };
}

<div v-for="(item, index) in items" :key="index">
  <p>{{ item.name }}</p>
  <ul>
    <li v-for="(subItem, subIndex) in item.subItems" :key="subIndex">
      {{ subItem }}
    </li>
  </ul>
</div>

methods: {
  addItem() {
    this.items.push({ name: 'New Item', subItems: [] });
  },
  removeItem(index) {
    this.items.splice(index, 1);
  },
  addSubItem(item) {
    item.subItems.push(10);
  },
  removeSubItem(item, index) {
    item.subItems.splice(index, 1);
  }
}