跳转到内容

标准查询(useQuery)

import { computed } from 'vue';
import { useQuery } from '@iostore/vue';
const users = useQuery({
key: ['users'],
queryFn: ({ signal }) => fetch('/api/users', { signal }).then((r) => r.json()),
});
const isLoading = computed(() => users.state.value.isLoading);
const data = computed(() => users.data.value);
  • Vue 结果对象以 state / data 两个 ShallowRef 为核心读取入口。
  • 把业务参数放进 key,避免缓存串用。
  • queryFn 中透传 signal,支持取消。