<p>페이지를 다시 로드할 때 데이터가 저장되도록 localStorage를 사용하고 싶습니다. <br /><br />저는 Vuex를 사용하여 개인의 등록 여부를 추적합니다. 그리고 페이지가 로드되면 그 사람이 이미 등록되어 있기를 바랍니다. <br /><br />내 Vuex 코드는 다음과 같습니다:</p><p><br /></p>
<pre class="brush:php;toolbar:false;">기본값 내보내기 {
상태:{
등록됨:false
},
행위:{
등록({커밋}) {
커밋("로그인")
},
종료({커밋}) {
커밋("로그아웃")
}
},
돌연변이:{
로그인(상태) {
state.isRegistered=true;
},
로그아웃(상태) {
state.isRegistered=false
}
},
게터:{
IS_REGISTERED(주){
상태를 반환합니다.등록됨
}
}
}</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>
<router-link :to="{name:'registration'}">
<button id="registration" v-if="!IS_REGISTERED">등록</button>
</라우터-링크>
</div>
</헤더>
</템플릿>
<스크립트>
방법: {
...mapActions(["exit"]),
종료시스템() {
this.exit() // Vuex를 살펴보세요.
},
},
<p> 페이지를 다시 로드할 때 IS_REGISTERED를 저장하기 위해 localStorage를 사용하는 가장 좋은 장소는 어디입니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
번역: 이 문제는 제가 직접 해결했습니다. // npm-> npm install vuex-persistedstate // OR // Yarn-> Yarn add vuex-persistedstate
내 스토어에는 다음과 같이 추가해야 합니다.
으아악