Vuex中是否需要为非计算状态属性设置Getter？

嘿，这个问题问得特别实在——我刚用Vuex的时候也纠结过要不要给每个简单属性都写Getter，毕竟直接访问this.$store.state确实省事多了！

首先明确说：你完全不需要为每个状态属性都定义Getter。像你现在用this.$store.state.propA直接访问简单的原始值，完全是合法且合理的做法，没必要强行画蛇添足写一个只是返回原属性的Getter。

那为什么几乎所有教程都推荐用Getter呢？因为Getter的价值体现在这些场景里：

• 封装状态访问逻辑，降低维护成本：假设以后你的state结构变了，比如propA从直接的字符串变成了{ content: "test" }，如果之前所有组件都是通过this.$store.getters.propA访问的，你只需要修改Getter的返回值为return state.propA.content，所有组件都不用动；但要是之前都是直接访问state.propA，那每个用到的组件都得改一遍，想想都头疼。
• 处理派生计算状态：如果需要基于多个state属性生成新的值，比如你想计算propA的长度加propB的值，用Getter就非常合适：

  getters: {
    combinedValue(state) {
      return state.propA.length + state.propB;
    }
  }
  

  而且Vuex的Getter会自动缓存计算结果，只有依赖的state属性变化时才会重新计算，性能更优。
• 统一状态访问入口，提升代码规范性：在大型团队项目里，统一用Getter访问状态能让代码风格更一致，新人接手也能更快找到状态的访问方式，同时也能避免有人不小心在组件里直接修改state（当然修改state必须通过mutation，但统一访问入口能减少这类风险）。

给你的实际建议：

• 对于简单的、短期内不会修改结构的基础属性，直接访问this.$store.state就好，不用折腾写Getter。
• 当某个属性需要被多个组件复用，或者你预判未来可能会对这个属性做加工、修改结构时，提前定义Getter，为后续维护铺路。
• 如果项目有团队规范要求统一用Getter，那跟着规范走就好，毕竟团队协作的一致性比个人的一时省事更重要。

内容的提问来源于stack exchange，提问作者Ramya