Vuejs 3의 변수로 Vuex에 저장된 값을 전달하는 방법(Quasar 2)

Vuejs 3의 변수로 Vuex에 저장된 값을 전달하는 방법(Quasar 2)

Vuex 스토어에 날짜 저장 중(날짜)

Vuejs(사실 Quasar 2 베타 12) 템플릿 {{ date }}에서 읽을 수 있습니다.

매장에서 날짜를 변경(변환)하면 {{ date }}가 변경됩니다.좋아요.

단, 다른 날짜(dateSet)와 비교한 날짜에 코드를 실행하고 싶습니다.그래서...

data () {
    return {
      dateVal: this.$store.state.date,
      dateSet: [a date here]
    
    }

그러면 메서드는 dateVal과 dataSet의 비교를 실행합니다.

단, $store.state.date를 변경(변환)하면 dateVal이 아닌 {{date}}일 때 변경됩니다.좋지 않습니다.

요령을 놓쳤지만 인터넷을 정말 많이 찾아봤어요.조언해 주셔서 감사합니다.

건배.

dateVal는 상태 변경을 듣기 위해 계산된 속성이어야 합니다.

data () {
    return {
 
      dateSet: [a date here]
    
    }
},
computed:{
    dateVal(){
         return this.$store.state.date
    }
}

mapState를 Import할 수 있습니다.

 import { mapState } from 'vuex'

computed:{
...mapState(['date']
}

컴포넌트 내부에서 사용할 수

언급URL : https://stackoverflow.com/questions/67049079/how-to-pass-a-value-stored-in-vuex-as-a-variable-in-vuejs-3-quasar-2