Vuex에서 상태 속성을 기준으로 계산하는 올바른 방법은 무엇입니까?

Vuex에서 상태 속성을 기준으로 계산하는 올바른 방법은 무엇입니까?

서로 종속되어 있는 Vuex 속성이 몇 개 있는데 이 속성을 사용하여 계산을 수행하는 가장 좋은 방법을 알고 싶습니다.

예를 들어.

나는 가지고 있다fontSize값이 16인 부동산입니다.

state: {
    fontSize: 16,
}

이제 나도 라인을 갖고 싶다.fontSize에 다음 계수를 곱하여 계산되는 높이1.4.

예를 들어 다음과 같이 말할 수 있습니다.

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

이것이 올바른 작업 방식입니까?아니면 이러한 계산에는 Vuex 대신 Mixins/새로운 Vue3 컴포지션 API를 사용해야 합니까?

네, 공식 문서에 따르면 맞습니다.

경우에 따라서는, 아이템의 리스트를 필터링 해 카운트 하는 등, 스토어 상태에 근거해 파생 상태를 계산할 필요가 있습니다.

그리고 당신은 또한 "computed properties"라고 불리는lineHeight에 기반을 둔fontSize상태 속성:

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

}

언급URL : https://stackoverflow.com/questions/63402625/what-is-the-correct-way-to-do-calculations-based-on-state-properties-in-vuex