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

Question

我将日期存储在 Vuex 商店（日期）

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

如果我更改（更改）商店中的日期，{{ date }} 会更改。好的。

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

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

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

唯一的事情是，如果我更改（变异）$store.state.date它会在 {{ date }} 中更改，但不会在dateVal中更改。不好。

我在这里遗漏了一个技巧，但我确实在互联网上环顾四周。非常感谢您的建议。

干杯。

score 1 · Accepted Answer

dateVal应该是一个计算属性来监听状态变化：

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

score 1 · Accepted Answer

你可以导入 mapState

 import { mapState } from 'vuex'

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

并在您的组件中使用它

2 回答 2