Почему дважды вызывается геттер?

Question

[Aleksandr]

Воспроизвести ошибку в песочнице не получается.

JSON

{
  "documents": [
    {
      "id": "2175153000",
      "person": "Иванов Иван Иванович",
    },
    {
      "id": "2175153001",
      "person": "Иванов Иван Иванович2",
    }
  ]
}

export const getDocuments = () => {
  return axios.get('../../static/documents.json')
    .then(({
      data
    }) => {
      if (data.errors) throw new Error(data.errors);
      return data;
    })
};

Action

getDocuments({ commit }) {
    getDocuments().then(response => {
        commit('setDocuments', response);
    }).catch(errors => {
        console.error(errors);
    });
},

Mutation

setDocuments(state, payload) {
    state.documents = payload.documents;
},

Getters

docStatuses(state) {
    console.log(state.documents)
}

Getter почему-то срабатывает два раза
1) пустой объект
2) с данными

По какой причине такое поведение?

Answer 1

[Ilya]

Изначально у тебя state.docuemnts объявлен же в state и наверняка пуст, а после мутации он заполняется

Comments

[Aleksandr]

Ilya а как лучше тогда реализовать так, чтоб когда геттер отрабатывал, он уже был заполнен?

[Ilya]

у вас всегда геттер будет работать так как он работает