How to call a function in a component after a property in the vuex store changes?

Question

JavaScript

I have a datastore in vuex and two components.
The first component is a range slider where I change the slider values ​​and immediately send them to the store.
The second is the component in which I need to call my function when the store changes .
my store

state: {
    value: 0,
      rgbColors: {
        red: 0
      }
  },

As I understand it, I need to use store.subscribe.watch.rgbColors.red or store.watch.rgbColors.red right?
And if so, how to use it and call the function when the value changes?

Answer 1

Through watch
You can shove gettersin computed
And get it

const app = new Vue({
    store,
    el: '#app',
    data() {
        return {}
    },
    computed: {
        rgbColors() {
            return this.$store.getters.rgbColors
        }
    },
    watch: {
        rgbColors(newValue, oldValue) {

        }
    }
});

And here is the link