vue.js - Vuex:何时使用 state 与 getters？

Question

当从 Vuex 中获取数据时，在某些情况下，在使用 getters 和直接访问状态之间的选择是非常明确的。例如:

• 如果我正在检索一个简单的标量，例如 count 变量的值，直接访问状态似乎是有意义的
• 但是，如果我要检索经过筛选的项目列表，则 getter 是明智的选择。

但是在其他只需要少量逻辑来检索值的情况下呢？例如，如果我的商店根目录中有一个 foo 对象，并且:

• 我想检索一个值，例如 foo.option，但我不确定它是否存在。我通常会使用三元运算符来检查值是否存在，然后返回值或返回 null。
• 我想检索 foo.date，但日期是一个字符串，所以我想将它转换为时刻。

这些需求中的任何一个都可以使用 mapState 函数来满足，但我应该改用 mapGetter 吗？有什么区别？

Answer 1

Either of these needs could be met using a mapState function

是的...但是如果超过 1 个组件需要“稍微改变”值会怎样？你最终会得到重复的逻辑。在这种情况下，在 getter 中执行“少量逻辑”。