Мутация не обновляет состояние

Question

У меня зафиксирована мутация, но состояние пользователя не обновляется, вместо этого возвращается ноль

Я получаю данные в мутации Вызов axios возвращает пользователя, но не обновляет состояние

export default new Vuex.Store({
    state: {
        user: null
    },
    getters: {
        getUser: state => {
            return state.user;
        }
    },
    mutations: {
        setUser(state, user) {
            let url = domain + "user";
            axios
                .get(url, {
                    params: {
                        uuid: user.uid
                    }
                })
                .then(res => {
                    Vue.set(state, user, res.data)
                      // tried    state.user = res.data

                })
                .catch(err => {
                    console.log(err);
                });
        }
    },
    actions: {
        setUser(context, user) {
            context.commit('setUser', user);
        }
    }
})

Что я сделал не так?Спасибо за помощь

Answer 1

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

export default new Vuex.Store({
    state: {
        user: null
    },
    getters: {
        getUser: state => {
            return state.user;
        }
    },
    mutations: {
        setUser(state, user) {
            Vue.set(state, 'user', user)
        }
    },
    actions: {
        getUser(context, user) {
            let url = domain + "user";
            axios.get(url, {
                params: {
                    uuid: user.uid
                }
            }).then(res => {
                context.commit('setUser', res.data)

            }).catch(err => {
                console.log(err);
            });
        }
    }
})