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

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

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

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

我已经编写了以下代码，虽然我可以在模板（v-for或v-if）中使用

result

，但我找不到转换数据的方法

我想取

结果的值

并应用转换函数，将转换后的值传递给模板<代码>结果是vue ref，如果我写入

ref（结果），则值不可用。值

紧跟在

useResult

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

const test=ref（结果）.value
log（test）useQuery包含onResult返回值，例如，它在数据更新时触发

            const {onResult} = useQuery(getDerivativeInstruments)

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