跳到主要内容

一套模型三种框架接法

这些 demo 的目标,是让你直接比较 Angular、React、Vue 在真实数据页面里的绑定方式和复杂度,而不是展示三套互不相干的数据方案。

3
frameworks
1
model semantics
100%
local-first

同一套模型

三个 demo 共用相同的实体模型、查询结构与数据库能力。

差异只在绑定层

你看到的差异集中在 UI 绑定层,业务语义没有被迫重写。

源码可直接对照

每个 demo 都能跳到 apps/dev-rxdb-* 源码继续追踪实现,而不仅仅是展示界面。

复杂度接近真实项目

涵盖关系详情页、Branch Manager、File Manager 等真实场景,足够推演到你的项目。

what to observe
查询结果如何自动更新
详情页和关系 tab 怎样组织复杂数据
同一模型在三套框架里的 API 差异有多小
Query Builder、Branch Manager、File Manager 是否够真实
runnable demos— 01

看完 demo,回文档继续深挖

同一套模型、查询与同步语义在三个框架里完全一致。回到文档,按顺序读完模型定义、查询与协作。

打开快速开始
界面与源码 1:1 对照3 frameworks · 1 model · shared semantics