Vue.js 如何将存储在Vuex中的值作为Vuejs 3（Quasar 2）中的变量传递

我正在Vuex商店中存储日期（日期）

它可以在Vuejs（实际上是类星体2 beta 12）模板{{date}中读取

如果我更改（变异）存储中的日期，{{date}}将更改。好

但我还想在日期上运行一些代码，将其与另一个日期（日期集）进行比较。所以我做了

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

然后，一个方法将运行dateVal和dataSet的比较

唯一的问题是，如果我更改（变异）$store.state.date，它将在{{date}}中更改，而不是在dateVal中更改。不太好

我在这里错过了一个技巧，但我真的在互联网上到处看看。非常感谢你的建议

---

干杯。

dateVal

应该是一个计算属性，以侦听状态更改：

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

---

您可以导入mapState

 import { mapState } from 'vuex'

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

并在组件内部使用它