SuperAPI AI 工具集

svelte-db

前端与建站

查看项目

更新于 10-16 08:10

技能介绍

用途:为 TanStack DB 提供 Svelte 5 绑定,基于 db-core 构建,用于在 Svelte 5 组件中执行响应式实时查询。使用前需先了解 db-core 的集合配置、查询构建器与变更模式。

主要能力:从 @tanstack/svelte-db 导入 useLiveQuery、eq、not、gt、toArray 等,并重新导出 @tanstack/db 的全部内容。useLiveQuery 返回带 getter 属性的响应式对象,可访问 query.data、query.isLoading、query.status 等;支持查询函数、响应式依赖数组和配置对象(如 gcTime),也可传入预建集合。

Svelte 5 用法要点:依赖数组必须使用 getter 函数,传入值会在创建时被捕获而无法触发重执行;不要直接解构返回值,否则破坏响应性,应使用点号访问,或用 $derived 包裹后再解构;组件 props 同样需以 getter 形式放入依赖数组。

分层数据:查询中使用 includes(select 子查询)时,子字段默认为实时集合,可在子组件中用 useLiveQuery 订阅;使用 toArray() 后子结果为普通数组,父级会在子数据变化时重新发出,无需子组件。

限制:本文档未提供安装命令、版本要求和价格信息,暂未提供。