使用vue-composition api

问题描述

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

  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，如果我在ref(result).value之后写useResult

，则值不可用

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

解决方法

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

            const {onResult} = useQuery(getDerivativeInstruments)

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