apollo-client - 使用 vue-composition api 从 graphql 服务器接收到数据后转换数据

Question

这是我第一次尝试前端开发，所以我主要复制粘贴示例是网络。

  import {useQuery, useResult} from "@vue/apollo-composable";

  export default defineComponent({
    name: 'Components',
      setup() {
          const {result: modulesResult} = useQuery(getModules)
          const result = useResult(modulesResult)
          return (result)
      }
  })

我编写了以下代码，虽然我可以result在模板中使用（v-for 或 v-if），但我找不到转换数据的方法。

我想获取result并应用转换函数的值并将转换后的值传递给模板。result是 vue ref 并且值不可用，如果我ref(result).value在之后写useResult

const test = ref(result).value
console.log(test) <- undefined

Answer 1

useQuery 包含 onResult 返回值，它在数据更新时触发，例如

            const {onResult} = useQuery(getDerivativeInstruments)

            onResult((resultData) => {
                instruments.instruments = resultData!!.data.getDerivativeInstruments
                instruments.filteredInstruments = resultData!!.data.getDerivativeInstruments
            })