Не вызывается getter после mutation?

Question

[Владимир Голубь]

После перехода на страницу и нажатию кнопки не срабатывает getter, вызываемый на страницу через computed свойство.
Хотя после перезагрузки страницы все работает. В чем может быть проблема ?
Ставил консоль после мутации, данные записывает новые, так как происходит переключение языка.

export const state = () => {
  items: []
};

export const getters = {
  getMenuItems: state => state.items
};

export const mutations = {
  setMenu(state, items) {
    state.items = items;
  }
};

export const actions = {
  async getMenu({rootState, commit}) {
    const { auth, lang } = rootState;
    
    const {items} = await this.$axios.$get(`/api/${ lang.locale }/menu`, {
      headers: {
        'Authorization': `bearer ${auth.token}`,
        'Accept-Language': `${lang.locale}`
      },
    });

    if (items) {
      // set items
      commit('setMenu', items);
    }
  }
};
```
```
    computed: {
      ...mapGetters({menuItems: 'menu/getMenuItems'}),
    },
    watch: {
      menuItems: function (newValue, oldValue) {
        console.log(newValue); // это сообщение не выводится в описанном случае
      }
    }

Answer 1

[Владимир Голубь]

Нашел свою ошибку,

export const state = () => {
  items: []
};

забыл обернуть скобочками.

export const state = () => ({
  items: []
});

Странно что оно работало после перезагрузки страницы.

Answer 2

[Alex]

Возможно где-то сломали реактивность. Попробуйте изменять данные через Vue.set

Comments

[Владимир Голубь]

Как получить доступ к глобальной переменной внутри vuex ?

[Alex]

Владимир Голубь, так же как и при инициализации new Vue ()

[Владимир Голубь]

Alex, так я создам новый экземляр и сделаю изменения в нем, а если менять то в уже существующем

[Alex]

Владимир Голубь, Вам не нужно вызывать new Vue ()

В вашем условном main.js вы вызывает new Vue (). И вот в этом файле вы откуда то берёте Vue, импортируете там, или подключаете глобально. Я не знаю, я ж не вижу ваш код. Но во Vuex вы можете подключить Vue точно так же как в условном main.js

[Владимир Голубь]

Alex, c nuxt работали ?