Vue 사전 항목 캐시

방법 2: include+beforeRouteLeave+vuex 를 사용하는 것은 캐시해야 하는 구성 요소가 전역 변수에 저장된다는 점을 제외하면 메서드와 유사합니다. 캐싱이 필요한 구성 요소와 캐싱이 필요하지 않은 구성 요소는 route 의 hook 함수에서 유연하게 제어할 수 있습니다. 첫 번째 방법과 비교해 볼 때 매번 데이터를 다시 초기화할 필요는 없지만 vuex 에 데이터를 저장해야 합니다.

1. 라우터 인스턴스를 만들 때 scrollBehavior 메서드를 추가합니다.

2. 캐시할 구성 요소를 include 등록 정보에 추가합니다.

3. 캐시할 구성 요소의 변수 이름과 저장소에 해당하는 방법을 추가합니다.

4. beforeRouteLeave 후크 함수에서 캐시할 구성 요소를 제어합니다.