无限查询（useInfiniteQuery）

最小示例

import { computed } from 'vue';
import { useInfiniteQuery } from '@iostore/vue';

const feed = useInfiniteQuery({
  key: ['feed'],
  initialPageParam: 0,
  queryFn: ({ signal, pageParam }) =>
    fetch(`/api/feed?cursor=${pageParam}`, { signal }).then((r) => r.json()),
  getNextPageParam: (lastPage) => lastPage.nextCursor ?? null,
});

const rows = computed(() =>
  feed.data.value?.pages.flatMap((page) => page.items) ?? [],
);

使用要点

• 通过 feed.data.value?.pages 渲染累计页。
• getNextPageParam 返回 null/undefined 表示没有下一页。
• 建议结合 maxPages 控制内存窗口。

继续阅读

• 高级模式
• Query Cookbook：Infinite Query

深入阅读（Query 工程）

• Vue 适配入口
• 推荐延伸页面