#框架测试：VDOM vs Vapor

产品级矩阵（storms、FCP）见 统一基准矩阵。 本页是 Vue 框架切片——instrumented BG/e2e、流量、包体——外加可交互 playground。ReactLynx 是参考系，不是被测主体。

同一 Vue 应用、两种模式、完整双线程管线 （Vue core benchmark 移植到 Lynx）。Select = 点状更新；Update = 批量更新。

#亲手试

点按 harness 所点的按钮。徽标 = tap → DOM settled。 对比 Vue Vapor / Vue VDOM；ReactLynx (memo) 放在这里只作量级 参考——不是 ReactLynx 产品基准（那在统一矩阵）。

建议： Create 10k → Select storm（点状）→ Update storm（批量）。

#Instrumented BG / e2e

e2e < bg，因为两种模式发出的 ops 几乎相同——差距在后台线程的 Vue 工作 （与你的应用逻辑共享）。

创建 e2e 大致持平（vapor create1k ~0.87× … create10k ~0.94×）。见 vapor mode 的 REGISTER_TREE / CLONE_TREE。

#跨线程流量（create 1k）

在 Lynx for Web 上几乎不挪动 e2e（DOM 构建占主导）。在 native 上载荷要过 序列化边界——砍半更有意义。

#启动、内存、包体

#复现

pnpm --filter vue-lynx-benchmark bench          # instrumented
pnpm --filter vue-lynx-benchmark bench:cross    # 黑盒（含 React 参考）
pnpm --filter vue-lynx-benchmark bench:storms

原始数据：packages/benchmark/results/。