@wearegenki/db Vue响应式离线数据库插件

0 次浏览 2025-07-05 0 条评论

zip

Vue PouchDB Web Worker 响应式脱机数据库 Webpack 前端插件离线存储

可响应的、可脱机的数据库操作，用 Vue 写起来也能有点 React 的味道，@wearegenki/db 插件还挺有意思的。它基于 PouchDB，适合做前端离线存储，适合那种要断网还能用的 Web App。嗯，不过要注意哦，这项目已经不维护了，他们团队已经全员迁去新框架了。

ES6/ES7 的语法用得比较多，浏览器兼容性要自己考虑下。它不会自带转译，所以你得在项目里搞定 Babel，还有就是得支持 Web Worker。webpack 里装个 workerize-loader 就行，挺方便的。

插件本身和 pouchdb-adapter-idb、pouchdb-adapter-http、pouchdb-replication 配合得还不错，做数据同步效果还可以。响应也快，代码也简单，逻辑就是一套“数据驱动 UI”的思路。

要装依赖可以直接上：

yarn add @wearegenki/db \
  && yarn add --dev workerize-loader

导入插件和注册自定义方法也挺灵活的。嗯，记得 Web Worker 的加载方式要提前配置好，不然打包直接炸。

如果你平时项目有 Vue + PWA 场景，或者离线功能需求比较多，这插件可以一试，得做好兼容和维护心理准备哈。如果你要切换方向，也可以看看他们新的 Web UI 框架。

文件大小：79.22KB