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やスプレッド演算子を使用する必要はありません。