vue.js - 在 Vuex 中基于状态属性进行计算的正确方法是什么？

Question

我有一些相互依赖的 Vuex 属性，我想知道用它们进行计算的最佳方法。

例如，

我fontSize在我的州有一处房产，价值为 16。

state: {
    fontSize: 16,
}

现在我还想要一个 lineHeight，它是通过将 fontSize 乘以1.4.

所以我可以在我的吸气剂中说，例如：

getters: {
   lineHeight: state => state.fontSize * 1.4
}

这是正确的做事方式还是我应该使用 Mixins/新的 Vue3 组合 API 而不是 Vuex 来进行这些类型的计算？

score 1 · Accepted Answer

是的，根据官方文档是正确的：

有时我们可能需要根据存储状态计算派生状态，例如过滤项目列表并计算它们

lineHeight您还可以使用基于fontSizestate 属性调用的计算属性：

computed:{
   lineHeight(){
      this.$store.state.fontSize*1.4
   }

}

1 回答 1