JavaScript - vuex で参照データ型を使用する正しい方法を教えてください。

Question

vuex を使用する場合、論理的には、データが変更されたときに action を呼び出し、action で mutation をトリガーしてデータを更新する必要があります。

ただし、次の例のように、データが参照データ型の場合は、v-model でデータを直接バインドすることで、action を呼び出さずに直接データを変更できます。 ＃。

action を呼び出したい場合は、オブジェクト内の key 値の 1 つだけを変更します。これは、このオブジェクトを watch するためです。そして、オブジェクトが変更されたときに、新しいオブジェクトをパラメータの形式で直接渡すと、オブジェクト全体が更新されますか?とても面倒そうですが、他に簡単な方法はないでしょうか？

そこでお聞きしたいのですが、

vuex でこの参照データ型を正しく使用するにはどうすればよいでしょうか?

疑似コードを添付します:

＃＃＃州＃＃＃ リーリー

vueファイル

リーリー

Answer 1

この直接変更された vuex 状態オブジェクト属性の欠点は、コミットまたはディスパッチせずに Vue devtools を通じて追跡およびデバッグできないことです

watch の使用に加えて、次の方法も検討できます:
https://jsfiddle.net/KingMari...
vuex では、updateKey1 のミューテーションを設定するだけで済み、ディープ ウォッチャーを作成するより簡単です。