如何在Laravel vue js中对嵌套数据执行delete函数

<template>
  <div>
    <ul>
      <li v-for="(item, index) in nestedData" :key="index">
        {{ item.name }}
        <button @click="deleteItem(item.id)">删除</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nestedData: [] // 嵌套数据
    };
  },
  mounted() {
    this.fetchNestedData();
  },
  methods: {
    fetchNestedData() {
      // 从后端获取嵌套数据的请求
      // 并将数据绑定到nestedData属性上
    },
    deleteItem(itemId) {
      // 发送删除请求到后端
      // 并在响应成功后从nestedData中删除对应的数据项
    }
  }
};
</script>