Vue.js 基于Vuex中的状态属性进行计算的正确方法是什么?

Vue.js 基于Vuex中的状态属性进行计算的正确方法是什么?,vue.js,vuejs2,vuex,vuejs3,vuex4,Vue.js,Vuejs2,Vuex,Vuejs3,Vuex4,我有一些相互依赖的Vuex属性,我想知道使用它们进行计算的最佳方法 比如说, 我的状态中有一个fontSize属性,其值为16 state: { fontSize: 16, } 现在我还想得到一个线宽,它是通过fontSize乘以系数1.4来计算的 例如,我可以在我的getter中说: getters: { lineHeight: state => state.fontSize * 1.4 } 这是正确的方法吗?还是我应该使用Mixins/new Vue3 composi

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

比如说,

我的状态中有一个
fontSize
属性,其值为16

state: {
    fontSize: 16,
}
现在我还想得到一个线宽,它是通过fontSize乘以系数
1.4
来计算的

例如,我可以在我的getter中说:

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

这是正确的方法吗?还是我应该使用Mixins/new Vue3 composition API而不是Vuex来进行这些类型的计算?

是的,根据以下内容,这是正确的:

有时,我们可能需要根据存储状态计算派生状态,例如,筛选项目列表并对其进行计数

您还可以基于
fontSize
状态属性使用名为
lineHeight
的计算属性:

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

}


:杂货店。很多人需要它
Mixin
:我的房子、家人和朋友来访时都需要它<代码>在组件中:我的卧室,只有我需要这个。这是一个很好的描述方式:)。谢谢,阅读文档,它确实在那里。谢谢:)。