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이나 스프레드 연산자를 사용할 필요가 없습니다.