HELP: VueX and no-param-reassign about pwa HOT 3 CLOSED

I just want to know how you guys deal with this. Please give me insights as I really need to mutate the state by doing:

state = {
   ...newState
};

Well, even if you get eslint to allow this (you can simply disable the rule) - this will do nothing to the state in vuex. You just changed the reference of the local variable called state inside of the mutation - the state object that this variable pointed to before this change is not affected.

You can't completely replace the original root state (of vuex as a whole or a store module) with a new one. Vuex is not built around immutable principles because they are orthogonal to the Reactivity that Vue is built upon, so you have to mutate the state.

However, you can overwrite attributes like this:

Object.assign(state, newState)

If you really need to completely replace a piece of state, then save that original piece of state as a property, not as root properties:

// in your store (module)
const state = {
  someProp = {
    /* this is the object you wnt to replace */
  }
}

const mutations = {
  SOME_MUTATION: (state, newState) => {
    state.someProp = newState
  }
}

from pwa.

Thanks.

from pwa.

This should help: vuejs/vue-cli#3954 (comment)

from pwa.