后端应用程序中的 Vue.js 反应性功能？

Question

我想知道是否有了解 Vue（2 或 3）反应性的人能够回答这个问题并解释原因。

这是关于诸如 data() 反应性（getter 和 setter）、计算属性、全局 Vue 实例，甚至 Vuex 存储等特性。

有没有一种方法可以让我只利用这些非浏览器的 JavaScript 功能，以便在仅后端的 Node.js 应用程序中使用？

我需要一种方法来拥有一个全局存储来保存临时数据，该临时数据可以通过 mapState/mapGetters 更新其他文件中的“组件”。

我目前正在为此使用 lowdb，因为它适合我在可塑 JSON 对象方面的需求，其中像 redis 这样的东西是 key:value-only。 （不想进入更复杂的 redis/rejson 设置。）

基本上我需要一个全局可访问的、功能相对完整的反应系统在后端，没有全局变量或需要设置一个自定义的 Rxjs 系统，这有点超出我的想象，并且会从我的目标中带走太多动力，时间方面。

如果有任何意见，我将不胜感激。谢谢??????

Answer 1

Vue 设计为在 Node 内部运行以支持 SSR（服务器端渲染）。已经有一个 good post here on SO 带有 Vue 2 的简单示例（使用 Vue + Vuex）

但这对我来说似乎有点矫枉过正。如果你想要更简单和轻量级的东西，你可以使用包@vue/reactivity，它通常是 Vue 3 的一部分，但可以完全独立使用。它基本上是基于 JS proxies 的 Vue 3 反应性系统

我为什么会选择这种方法：

1. 没有 Vue 2 Change Detection Caveats
2. 更多“功能性”API（为其新的 Composition API 设计），更好地支持 TypeScript 和类型推断（即使没有 TS）
3. 我认为 Vuex API 非常糟糕（使用字符串常量进行数据映射 - 尤其是模块。这很痛苦......）

由于它是 Vue 3 的一部分，您可以使用它的文档：

1. Basic Reactivity APIs
2. Refs