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

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)
      }
  })

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

我想获取 result 的值并应用转换函数并将转换后的值传递给模板。 result 是 vue ref，如果我在 useResult

之后写 ref(result).value 则值不可用

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

Answer 1

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

            const {onResult} = useQuery(getDerivativeInstruments)

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

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

Transform data after it received from graphql server using vue-composition api

apollo-client

quasar-framework

vue-composition-api