Как обновить свойства объекта во vuex?

Question

[Валерий В.]

Как правильно обновить объект (либо отдельные его свойства) в store vuex?
Допустим, есть объект в store:

state:{
  params: {
    prop1: {},
    prop2: {},
    prop3: {}
  }
}

кейс1: получить объект params и заменить полностью его (возможно с изменением его структуры).
кейс2: получить объект params и заменить одно свойство prop1.

Answer 1

[Evgeny Kulakov]

мутации:
кейс1:

setParams (state, params) {
    state.params = params
}

кейс2:

setParamsProperty (state, obj) {
    state.params = {...state.params, ...obj }
}

где obj объект вида:

{
  prop1: value1
}

или так например:

{
  prop1: value1,
  prop2: value2
}

Comments

[Валерий В.]

кейс1: Насколько я помню, при таком присваивании исходный объект не удаляется, и сборщиком мусора он не убирается, не так ли?
кейс2: за спред спасибо, подзабыл про него, но разве значения в целевой объект передаются не по ссылке? или по значению? не помню...

[Evgeny Kulakov]

кейс1: объект удаляется сборщиком, когда перестает существовать ссылка на него где бы то ни было. В данном варианте, если вы передадите новый объект, то старый перестанет существовать, после того как сборщик отработает.
кейс2: данном варианте в мутацию передается новый объект и при присваивании также создается новый объект. Но если value1 или value2, например, были объектами, то они передадутся по ссылке. Но сама мутация и связанная с ней реактивность все равно должна отработать, т.к. новый объект создается в итоге.