usePagination 将上述所有基础设施固化为 Hook 内部逻辑，只需几行配置就可以完成：

import { usePagination } from 'alova/client';老实说，import alovaInstance from '@/alova';const searchKeyword = ref;const {
loading,data,error,page,pageSize,total,fetching,removing,replacing,} =
usePagination(
// 请求函数
=>alovaInstance.Get('/api/users',{
说到params。{page:pageIndex,pageSize:pageLen,keyword:searchKeyword.value}
}),// 配置项
{
initialPage :1,initialPageSize :10,watchingStates :,debounce :300
}
);

翻页与每页条数变更

修改 page/pageSize 自动发起请求，无需手动调用 fetchList. 当 pageSize 改变时会自动重置为第一页。

// 跳转到第3页 – 自动请求
page.value =3;// 改变每页条数 – 自动重置并请求
pageSize.value =20;

筛选条件防抖搜索

watchingStates + debounce:

// 使用者输入时触发防抖后自动从第一页请求
searchKeyword.value ='张三';// 延迟300ms后发起 GET /api/users?page=1...

列表项乐观操作

No more manual refresh after each CRUD action!Use built‑in methods:

// 插入新使用者
await insert;// 删除第4行
await remove;// 替换第6行的数据
await replace;// 强制刷新当前页
await refresh;// 清空并重新加载第一页数据
await reload;

相邻页预加载

• prev/next 页预加载已启用： 
• User clicks “下一页”。数据已从缓存读取，无需等待网络响应。
• This feature requires request method to support caching and that re is data for next/prev pages.

操作级状态管理

相比手写方案只有一个布尔值'loading'。`usePagination` 区分了页面加载和预加载，并提供了细粒度动作级状态，让 UI 更细致可控。话说回来，

适用场景 🚀

• 标准 CRUD 管理页面：使用者管理、订单管理等需要分页、搜索、增删改。
• 多条件筛选 + 分页组合：多个筛选条件联动，每次变化自动重置页码。按理说，
• 列表项频繁操作：行内编辑/删除/插入。可利用乐观更新避免频繁刷新。
• API 返回标准分页结构：{data:,total:number} 或可通过回调适配。老实说，

不适用场景 ⚠️

• 游标分页： "加载更多" 使用 after/before 游标时无法直接映射到页码模型。
• 双端无限滚动：聊天记录等上下滚动均需加载，需要自定义实现。
• 多列表联动操作：单一操作需同步更新多张表格且顺序严格时 Hook 自动管理可能不足控制。
• 多接口聚合数据：若列表需要从多个接口拼装且无法通过 data/total 回调完成映射，则建议自定义实现。

对比 📊

Sorry，我没有足够信息来继续生成完整表格。请根据上述内容自行补全对比表格。