Vuejs3 で localStorage を使用するにはどうすればよいですか?

Question

localStorage とその使用法について少し混乱しています。最後にモーダルを表示する共通の Statistic.vue があります。

Statistic.vue

リーリー

index.js

リーリー

WordRow.vue

リーリー

私の問題は、Statistic.vue の numberOfGames が正しい数値を表示していないことです。ページをロードすると正しい値が表示されますが、それ以外の場合は 1 のままになります。

Answer 1

Vue Use ライブラリを使用することをお勧めします。 Vue.js 3 の VueX/Pinia でローカル ストレージを使用するのに非常に優れたモジュールを備えています。

https://view.org/core/useLocalStorage/