vuex データキャッシュの問題に関する簡単な説明

この記事では主に vuex のデータ キャッシュの問題について説明します。ページ内のタブはデータの保存に vuex を使用しています。ルートが切り替わるとタブが追加され、表示されます。ページを更新すると、ストアに保存されているデータが初期化されて空になります。この状況を解決するにはどうすればよいですか? ?編集者と一緒に調べてみましょう。

説明: ページのタブはデータ ストレージに vuex を使用しています。ルートを切り替えると、タブが追加され、レンダリングされます。
問題: ページが更新されると、ストア内のデータは初期化されて空になります
解決策: 当初のアイデアはデータの保存にローカル キャッシュを使用することでしたが、あまり便利ではなかったので、vuex-along を思いつきました。多くは言いません。コードに進みましょう

vuex-along を紹介します
watch() メソッドに格納されている配列は、必要な場所です。デフォルトではすべてのデータがキャッシュされますが、一部のデータはキャッシュされます 必要ありません、内部で設定できます
watchSession() は watch() ストレージに似ていますが、warchSession はセッションに保存されます。 watch() メソッドによって保存されたデータは、ブラウザを閉じても失われません。WatchSession、閉じるブラウザのデータは失われます
Session() メソッドのみが現在のページを閉じるため、データは失われます

関連チュートリアル:vue ビデオ チュートリアル

以上がvuex データキャッシュの問題に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。