>  기사  >  Vuex 데이터 캐싱 문제에 대한 간략한 토론

Vuex 데이터 캐싱 문제에 대한 간략한 토론

little bottle
little bottle앞으로
2019-04-30 10:52:375395검색

이 기사에서는 주로 vuex의 데이터 캐싱 문제에 대해 설명합니다. 페이지의 탭은 데이터 저장을 위해 vuex를 사용합니다. 경로가 전환되면 탭이 추가되고 렌더링됩니다. 페이지가 새로 고쳐지면 저장소에 저장된 데이터가 초기화되고 이 상황을 해결하려면 어떻게 해야 합니까? 편집자와 함께 알아볼까요?

Vuex 데이터 캐싱 문제에 대한 간략한 토론

설명: 페이지의 탭은 데이터 저장을 위해 vuex를 사용합니다. 경로를 전환하면 탭이 추가되고 렌더링됩니다.
문제: 페이지를 새로 고치면 저장소에 저장된 데이터가 초기화되어 비어 있게 됩니다
해결 방법: 원래 아이디어는 데이터 저장을 위해 로컬 캐시를 사용하는 것이었지만 그다지 편리하지 않아서 많은 말은 하지 않겠지만 vuex-along

watch()를 소개했습니다.

Vuex 데이터 캐싱 문제에 대한 간략한 토론

여기에 저장된 배열은 데이터를 저장하려는 위치입니다. 기본값은 모든 데이터를 캐시하는 것이지만 일부는 필요하지 않으므로 WatchSession()에 설정할 수 있습니다. watch()와 유사하지만 warchSession은 세션에 저장됩니다. 차이점은 watch() 메서드에 의해 저장된 데이터는 브라우저가 닫힐 때 손실되지 않으며, watchSession은 브라우저가 닫힐 때 데이터가 손실된다는 것입니다.
onlySession() 메서드는 현재 페이지를 닫는 것이며 데이터는 손실됩니다.

관련 튜토리얼:

vue 비디오 튜토리얼


위 내용은 Vuex 데이터 캐싱 문제에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제