Mobx 中计算值有什么用？

Question

我们开始将 mobx 集成到我们现有的项目中，但我认为目前我还没有完全掌握一些概念。

其中一个是计算值，它们的实际用途是什么？

说我有这家店

const UserStore = observable({
  user: null,

  setUser: action(user => {
    UserStore.user = user;
  }),

  unsetUser: action(() => {
    UserStore.user = null;
  }),

  isAdmin: computed(() => {
    return UserStore.user && UserStore.admin;
  }),

  isAdmin() {
    return this.user && this.user.admin;
  },
});

如您所见，我已经包含了计算的 isAdmin 和“常规” isAdmin。在我的项目中使用时，两者似乎都有效，所以我并没有真正看到计算值的用途是什么？

Answer 1

计算的值被缓存。 reference 说：

如果之前计算中使用的数据都没有改变，则计算属性将不会重新运行

在你的情况下，一个简单的逻辑操作，这不会给你太多（并且可能会更慢）。但您可以将其用于更昂贵的计算。