<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
翻訳: この問題は私自身で解決しました、 // npm-> npm install vuex-persistedstate // または //yarn->yarn add vuex-persistedstate
私のストアでは、必須のように追加してくださいこれ： ＃＃＃＃＃＃＃＃＃＃＃＃ リーリー