Vuex: 브라우저 새로 고침 시 상태 일부 유지

Vuex: 브라우저 새로 고침 시 상태 일부 유지

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

이제 "vuex-persistedstate"라는 플러그인이 있다는 것을 알게 되었습니다.이거에요.

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

주의 일부만 보존할 수 있는 방법도 있는데, 어떻게 해야 할지 정확히 모르겠습니다.예를 들어 jsfiddle을 보면

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

"count"라는 변수가 있습니다.상태에 다른 변수 "newCount"가 있고 카운트가 아닌 newCount만 유지한다고 가정합니다.대신 무엇을 자세히 써야 합니까?plugins: [createPersistedState()]?

도와주셔서 정말 감사합니다!

브라우저를 새로 고친 후에는 상태를 유지할 수 없습니다. 왜요?javascript 뿐이므로 리프레시 후 리셋됩니다.

영구 데이터를 생성하려면 데이터를 어딘가에 저장해야 합니다.몇 가지 해결 방법:

1. 원격 데이터베이스 사용
2. 서버 세션 생성
3. 브라우저 로컬 스토리지에 저장(vuex-persisted state 기본 솔루션)
4. 쿠키에 저장

브라우저 스토리지에는 주의가 필요합니다.사용자에 따라서는 사용하지 않도록 설정할 수 있습니다.프라이버시와 보안 정책을 관리해야 합니다.

언급URL : https://stackoverflow.com/questions/47253863/vuex-preserve-parts-of-the-state-when-refreshing-the-browser