Почему изменение состояния не реактивно?

Question

[Виктор Архипов]

Использую Vuex хранилище, есть такая мутация:

[types.RECEIVE_ADD_TO_CART] (state, { product }) {
        const record = state.added.find(item => item.id === product.id);
        if (!record ) {
            product.quantity = 1;
            state.added.push(product);
        } else {
            record.quantity++;
        }
    }

Как вызвать событие обновления данных при

record.quantity++;

по дефолту оно не вызывает апдейт представлений, только данные записывает.

Сейчас использую такой "хак" потому что не понимаю:

[types.RECEIVE_ADD_TO_CART] (state, { product }) {
        const index = state.added.findIndex(item => item.id === product.id);
        if (index < 0) {
            product.quantity = 1;
            state.added.push(product);
        } else {
            let changed = state.added[index];
            changed.quantity++;
            state.added.splice(index, 1, changed);
        }
    }

Answer 1

[Владислав Нагорный]

Тут ответ

Comments

[Виктор Архипов]

Получается я так и решил задачу, а я думал это плохая практика