不能在 Vuex 中分配突变

Question

a strange problem that "val" and "ok" can be "console.log()",but state.user can not be assignment anything. Well, state.user also can print 'ok' on the website

export const state = () => ({
  user: 'ok'
})
export const mutations = {
  setUser (state, val) {
    console.log(val, 'ok')
    state.user = val
  }
}

export const actions = {
  setUser: ({ commit }, user) => {
    commit('setUser', user)
  }
}
computed: {
    ...mapState({ user: state => state.user })
  }

what should I do, thanks

Answer 1

Your state is function that always returns same user. It should be object.