我的组件对使用 Vuex 更改 Vue 没有反应

Question

我在 Vuex 存储中有一个状态，它对按钮中的更改做出反应，并且所有内容都会更改其依赖值，问题是我在组件中使用它，并在 data() 中调用它。

data() {
    return {
      currency: this.$store.state.currency,
    }
}

当安装组件时，一切都是显示正常，因为它从存储中获取值，但是当我更新该值时，更改不会反映在组件中。 我想知道如何在每次更改时使用存储的新值再次渲染变量。

我尝试使用保存数据的货币变量，但它不起作用，我还尝试将变量直接放置在使用它的地方，但它也不起作用

Answer 1

computed: {
  currency() {
    return this.$store.state.currency;
  },
},

就这样做吧。