라우팅 모델 선택 및 라우팅 데이터 저장

Question

활동 자동화를 위한 종합 시스템 같은 것을 하려고 합니다. 프로그램에는 많은 모듈이 있어야 합니다. Windows 원칙에 따라 정리할 계획입니다. 원한다면 새 모듈을 열었다가 닫을 수도 있고, 닫지 않고 새 모듈을 열었다가 나중에 돌아올 수도 있습니다.

예를 들어. 사용 가능한 디지털 문서 목록 모듈을 엽니다. 원하는 항목을 선택하고 편집을 클릭하면 편집 양식이 시작됩니다. 정보 가이드를 열고 필요한 데이터를 검토한 다음 양식으로 돌아갑니다. 이 모든 작업은 Windows 작업 표시줄과 유사하게 수행됩니다.

저는 건축을 공부하고 있어요. vue-router를 통해 모듈을 로드합니다. 연결 유지를 사용하여 비활성 모듈 데이터를 저장할 수 있지만 관리 옵션은 제한됩니다. 유지되는 캐시 수만 지정할 수 있지만 일부 캐시는 지울 수 없으며 모든 데이터가 유지됩니다. 반면에 얼마나 많은 데이터를 보관할지, 어떤 데이터가 더 이상 사용되지 않게 되는지 선택할 수 있으면 좋겠습니다. 저사양 컴퓨터에서는 대용량 애플리케이션이 느려지거나 정지되지 않을까 걱정됩니다. 한편으로는 구현이 간단하고 다른 한편으로는 리소스를 보다 효율적으로 사용합니다.

활성 상태 선택을 유지하거나 상태 데이터를 별도의 구조에 저장하는 것 외에도 다른 옵션을 고려할 수도 있습니다. 예를 들어 별도의 탭에서 모듈을 열고 데이터 관리를 브라우저로 전송합니다. 또는 v-show 지시어를 사용하여 사용되지 않는 모듈을 일시적으로 숨기면서 동적으로 추가된 구성 요소 배열 "구성 요소"에서 모듈을 여는 옵션을 구현할 수 있습니다. 대화 상자에 모듈을 로드할 수 있습니다. 고려할 수 있는 다른 옵션이 있습니다. 둘 중 하나를 선택하면 그에 따른 불이익을 감수해야 합니다.

각 옵션의 테스트 버전을 작성한 후 평가 테스트를 실행하는 것은 매우 시간이 많이 걸리는 작업입니다. 따라서 귀하의 제안을 받기를 바랍니다.

Answer 1

귀하의 사용 사례에서는 v-if 和 v-show를 사용하면 대화상자나 다른 구성요소(탭 등)가 간단하게 작동할 것이라고 생각합니다. DOM에 유지하려는 콘텐츠에는 v-show를 사용하고 사용자가 닫은 후 삭제하려는 콘텐츠에는 v-if를 사용할 수 있습니다.

여기 v-if 和 v-show 사이의 차이점에 대한 문서를 참조하세요.