使用Vue3成功删除接口中的项后，异步函数未更新

async deleteItem(itemId) {
  try {
    await axios.delete(`/api/items/${itemId}`);
    // 确保在异步操作完成后更新本地状态
    this.items = this.items.filter(item => item.id !== itemId);
  } catch (error) {
    console.error('删除失败:', error);
  }
}

import { nextTick } from 'vue';

async deleteItem(itemId) {
  try {
    await axios.delete(`/api/items/${itemId}`);
    this.items = this.items.filter(item => item.id !== itemId);
    await nextTick();
    // DOM已更新
  } catch (error) {
    console.error('删除失败:', error);
  }
}

import { ref } from 'vue';

setup() {
  const items = ref([]);

  // ... 其他逻辑

  return { items };
}