I have a state in the Vuex store that reacts to the change in the button and everything changes its dependent value, the problem is that I am using it in a component and I call it in the data()

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

When mounting the component, everything is displayed fine, because it takes the value from storage, but when I update that value, the change is not reflected in the component. I would like to know how I could make the variable render again with the new value of the storage, every time it changes.

I tried using the currency variable where I save the data, it did not work and I also tried to place the variable directly where it is used, but it did not work either

CodePudding user response：

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

Do it like that.