vue devtools のvuexタブについて質問があります

Question

知りたいこと

上記画像における右下のメッセージ(recording state on-demand　 →Load state)がどういった意図なのか分かりません。
いつもはメッセージが表示されている欄に、stateの情報が表示されている認識なのですが
何が原因があるのでしょうか？

調べた事

この記事　が参考になりそうかと思っているのですが、理解できませんでした。

質問がかなり抽象的で申し訳ありませんが、ご教授いただけますと幸いです。

Answer 1

以下の文章が参考になりそうです。

Since v5.0, this is no longer the case, since we only record mutations and their payload. The vuex state is replayed and serialized only on-demand, which means it has way less impact on the app and browser general performance, and crashes should mostly be a thing of the past.

Vuexタブでは、通常、mutationsとそのpayloadのみを記録しており、Load stateが押されて要求が合った場合のみStateをロードしているようです。理由はStateの規模が大きい場合に、パフォーマンス劣化やクラッシュが起きるからのようです。

なお、DevToolsのSettingsのAutoload Vuex stateをEnableにすると、Stateも自動でロードしてくれるみたいです。

Comments

[kurimaron7]

ご回答ありがとうございます！大体の内容は把握できたと思います。
１つ気になることがあり、お聞きしたいです。
dev toolsのvuexタブ上だけ更新されておらず、実際に動いている内部プログラムとしてのstateは既に更新されているということなのでしょうか？
ご回答いただけますと幸いです。

[popobot]

もちろん、そうだと思います。

[kurimaron7]

ありがとうございます！」