Как отправить внесенные в state изменения?

Question

[stanislavkm]

Есть state в котором хранятся item (товары).
Есть таблица, в которой отображены все item.

<tr v-for="item in this.$store.state.items" :key="item.name"
        >
...

Как после добавления, редактирования или удаления новой записи (item) сохранить изменения в state, чтобы при перезагрузке данные не менялись? Думаю, что нужно добавлять что-то в мутациях после совершения изменений.
пример с добавлением новой записи:

mutations: {
...
        SET_PRODUCT_TO_STATE: (state, item) =>{
            let cloneItem = {...item}
            state.items.push(cloneItem);
            alert('Товар добавлен!');
        },
...
}

Answer 1

[xcuube]

Нужно использовать мутации в связке с событиями:

mutations: {
    setCards: (state, payload) => {
      state.data = payload;
    },
  },
  actions: {
    cardsFromDb ({ state, commit, rootState }) {
      Vue.http.get(`${rootState.apiUrl}cards`).then(response => {
        commit('setCards', response.data);
      }, response => {
        // error callback
      });
    }   
  }

Мутация вызывается из события, а событие из вашего компонента.

Comments

[stanislavkm]

xcuube, да, это я понимаю, просто в вопросе я не привел action. Получается, что после того, как я пушу элемент в массив, мне нужно написать запрос для обновления state?