Vuex：ブラウザをリフレッシュするときに状態の一部を保持します。

Question

VueでVueを使用しています。私は次の問題があります：ユーザーがブラウザの "更新ボタン"を押すと、Vuexストアの状態は初期値にリセットされます。しかし、私は状態を保存したい。もっと正確に言えば、私は国家の一部だけを保存したいが、全体のものは保存しない。

今私は "vuex-persistedstate"と呼ばれるプラグインがあることを知っています。状態の部分だけを保存するオプションもあり

https://www.npmjs.com/package/vuex-persistedstate

が、私は正確にどのように行うのか分からない：それはこの一つです。我々は

https://jsfiddle.net/robinvdvleuten/wmf8zvf8/

jsfiddleを見ている場合たとえば、「カウント」という変数があります。状態で別の変数 "newCount"があると仮定し、newCountだけを保持したいが、カウントしない。 plugins: [createPersistedState()]の代わりに何を書き込む必要がありますか？

ありがとうございました！

Answer 1

あなたはできません。は、ブラウザの更新後に状態の一部を保持できません。 なぜですか？唯一のjavascriptなので、すべてのものはリフレッシュ後にリセットされます。

永続データを作成する場合は、どこかに保存する必要があります。いくつかの解決策：ブラウザのローカルストレージに

2. リモートデータベースを使用してサーバーセッションを作成します
3. ストア（vuex-persistedstateデフォルト溶液）
4. クッキーに保管

は、ブラウザのストレージと気をつけて一部のユーザーがそれを無効にすると、プライバシーとセキュリティポリシーを管理する必要があります。