Vue-query返回的数据是只读的.如何使它可变?

Question

import { useQuery } from "vue-query";
const { isLoading, data /* read only */, error, isError, refetch } = useQuery("todo", todo)

我刚刚发现vue-query返回的数据是只读的。Vue-query是一个类似于React-query的项目。你可以在这里找到。
如果我做data.todoList.push(newTodo)然后我得到以下警告

[Vue warn]设置键"xxx"失败:目标为只读

我的问题是1)我如何改变vue-query返回的值?2)如果我需要更改返回的数据，最好的方法是什么?

Answer 1

这是故意不能改变返回的内容，参见github问题。

只需将返回的数据保存/复制到一个响应变量中，并根据需要进行修改。