Vue: vue와 함께 localStorage를 사용하는 방법은 무엇입니까?

에 만든 2015년 12월 16일 · 3코멘트 · 출처: vuejs/vue

채팅(두 번)에 게시했는데 아무도 응답하지 않았으므로 여기에서 도움을 받을 수 있기를 바랍니다.

항목이 localStorage에 있으면 true를 반환하고 그렇지 않으면 false를 반환하는 mixin isLoggedIn()이 있습니다.
내 질문은 isLoggedIn이 true인 경우에만 일부 요소가 표시되기 때문에 localStorage에서 항목을 업데이트하거나 제거할 때 상태를 어떻게 다시 평가할 수 있습니까?

그리고 v-show="isLoggedIn()"을 사용하는 것이 옳습니까 아니면 다른 것을 제안하시겠습니까? 이에 대한 모범 사례가 무엇인지 모르겠습니다.

고마워 얘들아.

출처

seemsindie

👍4

가장 유용한 댓글

여기서 주의할 점은 localStorage가 반응형이 아니므로 변경 사항을 트리거하려면 반응형 이 필요하다는 것입니다. 기본적으로 객체를 사용하여 로그인 상태를 나타내고 로그인/로그아웃할 때 localStorage와 해당 객체를 함께 수정합니다(앱 로드 시 localStorage에서 읽어서 해당 객체를 초기화합니다).

http://vuejs.org/guide/application.html#State_Management 참조
및 https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ 하려는 작업을 정확히 수행합니다.

yyx990803 에 2015년 12월 16일

👍24 😕7

모든 3 댓글

여기서 주의할 점은 localStorage가 반응형이 아니므로 변경 사항을 트리거하려면 반응형 이 필요하다는 것입니다. 기본적으로 객체를 사용하여 로그인 상태를 나타내고 로그인/로그아웃할 때 localStorage와 해당 객체를 함께 수정합니다(앱 로드 시 localStorage에서 읽어서 해당 객체를 초기화합니다).

http://vuejs.org/guide/application.html#State_Management 참조
및 https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ 하려는 작업을 정확히 수행합니다.

yyx990803 에 2015년 12월 16일

👍24 😕7

@yyx990803 고마워요, 이 기사는 정확히 제가 하려고 하는 것입니다.

seemsindie 에 2015년 12월 17일

사용자가 이전 세션에서 이미 로그인했는지 확인하기 위해 앱 초기화 시 로컬 저장소를 확인하는 가장 좋은 위치는 어디인가요? 참조된 자습서에서 Vue가 초기화되기 전에 시작 파일 / main.js 안에 한 줄만 있습니다. 비슷한 일을 했습니다. 추천인가요?

timwis 에 2017년 11월 05일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

[2.0.0-rc.1] v-for 및 ref: $refs가 더 이상 반응하지 않습니까?

WolfgangFellger · 3코멘트

배열 모델이 있는 체크박스

robertleeplummerjr · 3코멘트

vue(객체) 데이터에 새 속성을 추가하는 방법은 무엇입니까?

wufeng87 · 3코멘트

속성 변경에 응답하지 않는 dom에 대한 WeChat의 이상한 문제.

guan6 · 3코멘트

소품 유효성 검사, 배열 및 개체 해시 구문 혼합

fergaldoyle · 3코멘트