How to call action after state change?

Question

Vue.js

I make a date picker on Vue, after changes in the date picker, the state changes:

computed: {
    month: {
      get () {
        return this.$store.budget.state.settings.month
      },
      set (value) {
        this.$store.commit('budget/SET_SETTING', {setting: 'month', value})
      }
    }
  },

Here is the store:

state: {
        settings: {
        	month: moment().month(),
      quarter: 1,
      viewType: "daysOfMonth",
      year: moment().year(),
        },
    },
    mutations: {
        SET_SETTING(state, {setting, value}) {
        	state.settings[setting] = value
        }
    },
    actions: {
        GET ({ commit, state }) {
            let {year, month} = state.settings
            // ЗАПРОС
        },

I need to call action GET after changes in date settings. How to do it right?

Answer 1

If this change should always be made, regardless of anything else, then simply: watch :

store.watch(state => state.budget.settings.month, () => store.dispatch('budget/GET'))