Vue での localStorage の使用。どこで使用する必要がありますか?

Question

<p>localStorage を使用して、ページのリロード時にデータが保存されるようにしたいと考えています。 <br /><br />私は Vuex を使用して、個人が登録されているかどうかを追跡します。ページが読み込まれるときに、その人はすでに登録されていることが望ましいです。 <br /><br />私の Vuex コードは次のとおりです。</p><p><br /></p> <pre class="brush:php;toolbar:false;">デフォルトのエクスポート { 州：{ 登録済み:false }、 行動：{ 登録({コミット}) { commit("ログイン") }、 exit({コミット}) { commit("ログアウト") } }、 突然変異:{ ログイン(状態) { state.isRegistered=true; }、 ログアウト(状態) { state.isRegistered=false } }、 ゲッター:{ IS_REGISTERED(状態){ 状態を返します。isRegistered } } }</pre> <p>Vue.js 内のリンク</p> <pre class="brush:php;toolbar:false;"><テンプレート> <ヘッダークラ​​ス="帽子"> <div class="header__buttons"> <div v-if="IS_REGISTERED" id="exit--tittle"> <button @click="exitFromSystem">システムから終了</button> </div> <ルーターリンク:to="{名前:'登録'}"> <button id="登録" v-if="!IS_REGISTERED">登録</button> </ルーターリンク> </div> </ヘッダー> </テンプレート> <スクリプト> メソッド: { ...mapActions(["終了"]), exitFromSystem() { this.exit() // Vuex で調べる }、 }、 </script></pre> <p> ページをリロードするときに、localStorage を使用して IS_REGISTERED を保存するのに最適な場所はどこですか? </p>

Answer 1

翻訳: この問題は私自身で解決しました、 // npm-> npm install vuex-persistedstate // または //yarn->yarn add vuex-persistedstate

私のストアでは、必須のように追加してくださいこれ： ＃＃＃＃＃＃＃＃＃＃＃＃ リーリー