페이지를 다시 로드하는 동안 상태를 지속적으로 유지

Question

이상한 질문일 수도 있지만 저는 Vue를 처음 접했고 아직 답변을 찾지 못했습니다. v-if와 v-else를 사용하면 모든 것이 잘 작동합니다.

<CodeForm v-if="isLoginFormSent" />
<LoginForm v-else />

그러나 페이지를 다시 로드한 후에는 모든 것이 v-if 상태로 돌아갑니다. 페이지를 다시 로드한 후 v-else 상태가 표시되도록 하는 방법이 있나요?

Answer 1

Vue 앱에서 페이지가 다시 로드되면 구성 요소의 상태가 초기 상태로 재설정되고 데이터 속성이 기본값으로 반환되므로 이 동작이 발생합니다.

페이지를 다시 로드할 때에도 상태를 v-else지속하려면 로컬 또는 세션 저장소의 상태 유지, 쿠키 또는 URL 상태(예: Vue Router)와 같은 다양한 전략을 사용할 수 있습니다.

가장 쉬운 방법은 바인딩을 위해 localStorage中。请参阅此文章，了解如何利用localStorage에 저장하는 것입니다.