Vue Apollo v4 和 Composition API 中的突变类型

Posted 2023-03-10

【中文标题】Vue Apollo v4 和 Composition API 中的突变类型

【英文标题】：mutation Typings in Vue Apollo v4 and Composition API

【发布时间】：2020-11-30 23:00:59

【问题描述】：

告诉 typescript 的正确方法是什么，Variables 是 myMutation 函数的参数的接口？

    interface Variables 
      uuid: string;
      value: string;
    

    const  mutate: myMutation  = useMutation(myGqlMutation);

我想避免这样使用 myMutation：

 myMutation(
     uuid: '....',
     value: '....',
  as any); // get rid of any here ... 

【参考方案1】：

用generic注释useMutation，像这样：

interface Variables 
  uuid: string;
  value: string;


const  mutate: myMutation  = useMutation< mutation: Variables >(myGqlMutation);

另外，请查看docs

【讨论】：

似乎不适用于我的 Vue Apollo，因为 useMutation 的第一个参数是结果类型。 .d.ts 看起来像这样：` /** * 使用需要变量的突变。 */ export declare function useMutation(document: DocumentNode | ReactiveFunction, options: UseMutationOptionsWithVariables | ReactiveFunction>): UseMutationReturn; `