JavaScript - vuex で参照データ型を使用する正しい方法を教えてください。
PHP中文网
PHP中文网 2017-05-19 10:43:48
0
1
538

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

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

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

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

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

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

###州### リーリー

vueファイル

リーリー

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信 (1)
phpcn_u1582

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

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

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!