Apollo-client 是一个用于管理 GraphQL 客户端状态的 JavaScript 库，它提供了缓存管理的功能。默认情况下，Apollo-client 的缓存不会自动更新，所以在进行保存和删除操作后，需要手动更新缓存。

以下是一个示例代码，演示如何手动更新 Apollo-client 的缓存：

import { ApolloClient, InMemoryCache, gql } from '@apollo/client';

// 创建一个 Apollo-client 实例
const client = new ApolloClient({
  uri: 'https://example.com/graphql', // 设置 GraphQL 服务器的地址
  cache: new InMemoryCache(),
});

// 定义一个保存数据的 GraphQL mutation
const SAVE_DATA_MUTATION = gql`
  mutation SaveData($input: DataInput!) {
    saveData(input: $input) {
      id
      name
      value
    }
  }
`;

// 定义一个删除数据的 GraphQL mutation
const DELETE_DATA_MUTATION = gql`
  mutation DeleteData($id: ID!) {
    deleteData(id: $id)
  }
`;

// 执行保存数据的操作，并手动更新缓存
const saveData = async (input) => {
  const { data } = await client.mutate({
    mutation: SAVE_DATA_MUTATION,
    variables: { input },
  });

  // 手动更新缓存
  const newData = data.saveData;
  client.cache.modify({
    fields: {
      // 更新缓存中的数据
      // 这里假设缓存中保存的是一个数据列表，每个数据项有一个唯一的 id
      data(existingData = []) {
        const newDataRef = client.cache.writeFragment({
          data: newData,
          fragment: gql`
            fragment NewData on DataType {
              id
              name
              value
            }
          `,
        });

        return [...existingData, newDataRef];
      },
    },
  });
};

// 执行删除数据的操作，并手动更新缓存
const deleteData = async (id) => {
  await client.mutate({
    mutation: DELETE_DATA_MUTATION,
    variables: { id },
  });

  // 手动更新缓存
  client.cache.modify({
    fields: {
      // 更新缓存中的数据
      // 这里假设缓存中保存的是一个数据列表，每个数据项有一个唯一的 id
      data(existingData = []) {
        return existingData.filter((dataRef) => {
          const dataId = client.cache.identify(dataRef);
          return dataId !== id;
        });
      },
    },
  });
};

在这个示例中，我们假设缓存中保存的是一个数据列表，每个数据项都有一个唯一的 id。在执行保存和删除操作后，我们通过手动更新缓存来同步更新 Apollo-client 的缓存。

注意，这只是一个简单的示例，实际的缓存更新可能需要根据你的数据结构和业务逻辑进行调整。你可以根据自己的需求，修改 saveData 和 deleteData 函数中的缓存更新逻辑。