跳转到内容

标准查询(Query Store)

import { createQueryStore } from '@iostore/svelte';
export const users = createQueryStore({
key: ['users'],
queryFn: ({ signal }) => fetch('/api/users', { signal }).then((r) => r.json()),
});
<script lang="ts">
import { users } from './stores';
</script>
{#if $users.isLoading}
<p>Loading…</p>
{:else if $users.error}
<p>{$users.error.message}</p>
{:else}
<pre>{JSON.stringify($users.data, null, 2)}</pre>
{/if}
  • Svelte 适配层以 store API 为主,不提供 useQuery Hook。
  • 把业务参数放进 key,避免缓存串用。
  • queryFn 中透传 signal,支持取消。