javascript - vuejs2.0은 단일 페이지가 아닌 애플리케이션입니다. 프로젝트 세부정보에 대한 요청을 처리하는 방법은 무엇입니까?

Question

저는 vueJS를 처음 접하는데 조언을 구하고 싶습니다.

문제 설명:
각 페이지는 json 형식의 데이터를 비동기적으로 가져온 다음 데이터를 채워 페이지에 렌더링합니다.

질문이 있습니다. 즉, 항목을 클릭하고 ID를 다른 페이지로 전달해야 하는 경우 어떻게 새 페이지에서 ID를 얻은 다음 렌더링할 데이터를 비동기적으로 얻을 수 있습니까?
(현재 제가 생각할 수 있는 방법은 jsp의 setAttribute 메소드를 사용한 다음 이를 숨겨진 입력으로 설정하고 js를 사용하여 값을 가져온 다음 데이터를 채운 다음 비동기 요청을 시작하는 것입니다.)

1. 프로젝트의 배경은 java로 작성되었습니다.

2. 현재는 라우팅을 사용하지 않습니다. (아직 사용자 로그인으로 인해 페이지가 차단되어 어떻게 사용하는지 연구하지 않았기 때문에 단일 페이지 애플리케이션으로 만드는 것을 고려하지 않았습니다.)

안내를 요청하세요

Answer 1

라우팅을 사용하지 않는 경우 두 가지 방법을 생각할 수 있습니다. 하나는 A.jsp가 b.jsp, b.jsp?id=1로 점프한 후 b.jsp 페이지에 매개변수를 추가하는 것입니다. location.href.split('? id=')[1]을 사용하세요. 또 다른 방법은 캐시, localStroage, sessionStroage 등을 설정하는 것입니다.

Answer 2

js는 URL을 직접 구문 분석하여 ID를 얻습니다

Answer 3

두 가지 방법으로 이미 ID가 있는 경우 렌더링할 데이터를 직접 가져와서 페이지에 저장할 수 있고, Vue에서 렌더링할 로컬 페이지 데이터를 직접 가져오거나 ID를 묻어서 데이터를 가져올 수 있습니다. 비동기적으로 렌더링됩니다.

Answer 4

다른 페이지로 ID를 전달할 때 다른 페이지에 해당 ID 값을 가져올 수 있는 메소드를 작성한 후 요청을 보내세요!