Vue.js传播运算符而不是Vue.set/Vue.delete

Question

我想使用传播运算符来添加/删除对象属性，同时保持reactivity。

在Vuex突变，以下工作：

Vue.set(state.sportTypes.sports, sportName, sportProperties) 

不过，我想用传播经营者，并返回新对象。我将如何实现以下目标？

state.sportTypes.sports = {...state.sportTypes.sports, {sportName: sportProperties}} 

Answer 1

您应该删除的{sportName: sportProperties}

括号这将工作：

state.sportTypes.sports = { ...state.sportTypes.sports, sportName: 'football' } 

但是我建议你宣布所有可能的领域，而不是动态添加新的属性，然后您不需要使用Vue.set也不需要传播运算符。