Vuex : 브라우저를 새로 고칠 때 상태의 일부를 보존하십시오.

Question

Vue와 Vue를 함께 사용하고 있습니다. 다음과 같은 문제가 발생했습니다 : 사용자가 브라우저의 "새로 고침 버튼"을 누르면 Vuex 저장소의 상태가 초기 값으로 재설정됩니다. 그러나 나는 국가를 보존하고 싶다. 좀 더 정확하게 말하자면, 나는 국가의 일부분 만 보존하고 싶지만 전체는 보존하지 않기를 원합니다.

는 지금은 "vuex-persistedstate"라는 플러그인이 알고있다. 국가의 일부만을 보존 할 수있는 옵션도 있습니다

https://www.npmjs.com/package/vuex-persistedstate

,하지만 정확하게 그것을하는 방법을 모른다 : 그것은이 하나입니다. 우리가 jsfiddle

https://jsfiddle.net/robinvdvleuten/wmf8zvf8/

살펴있는 경우 예를 들어, "수"라는 변수가있다. 상태에 또 다른 변수 "newCount"가 있다고 가정하고 newCount 만 지속하고 개수는 유지하지 않습니다. plugins: [createPersistedState()] 대신에 무엇을 써야하나요?

도움을 주셔서 감사합니다.

Answer 1

당신 은 브라우저 새로 고침 후 국가의 어떤 부분을 보존 할 수 없습니다. 왜? 그것은 단지 자바 스크립트이기 때문에, 모든 일은 새로 고침 후에 재설정됩니다.

영구 데이터를 만들려면 어딘가에 저장해야합니다. 몇 가지 솔루션은 :

1. 은 브라우저 스토리지주의 하시고 쿠키

에

저장 브라우저 로컬 스토리지에

스토어 서버 세션을 생성

원격 데이터베이스 (vuex-persistedstate 기본 솔루션)를 사용하여 일부 사용자는 개인 정보 보호 및 보안 정책을 관리해야합니다.