Vue 프로젝트 라우팅은 기본적으로 해시 모드로 설정되어 있습니다. 이 모드에는 URL에 "#" 기호가 있습니다. 앵커 포인트 "#"을 사용하여 동일한 페이지의 다른 ID에 해당하는 위치로 이동하고 해시 값을 사용할 수 있습니다. URL을 경로로 사용하면 전체 URL 해시 변경이 hashChange 이벤트를 트리거하고 브라우저의 앞으로 및 뒤로 버튼을 사용할 수 있습니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, Vue3 버전, Dell G3 컴퓨터.
vue 프로젝트는 기본적으로 해시 모드입니다
hash 모드
1.vue-router는 기본적으로 해시 모드입니다
2. url
3에 "#" 기호가 있으면 해시 값("#" 뒤의 값)이 http 요청에 포함되지 않으며 해시 값을 변경해도 페이지가 다시 로드되지 않습니다.
4. 해시 변경은 hashChange 이벤트를 트리거하고 브라우저에 의해 기록됩니다. 브라우저의 앞으로 및 뒤로 버튼을 사용할 수 있습니다.
5. 해시는 IE8 이상과 호환됩니다.
6. 다른 경로에 액세스하면 두 가지 일이 발생합니다.
HashHistory.push()는 브라우저에 새 경로를 추가합니다. 의 방문 기록 스택
HasHistory.replace()가 현재 스택으로 대체됩니다
해시 모드와 기록 모드의 경우 가장 직접적인 차이점은 주소 표시줄에 "#" 기호가 있는지 여부입니다.
vue 스캐폴딩으로 빌드된 프로젝트의 라우팅은 기본적으로 해시 모드로 설정됩니다.
hash 모드:
라우팅 인스턴스를 생성할 때 기록 모드를 사용하려면 mode: "history" 속성을 추가하세요.
const router = new VueRouter({ routes, mode: "history"})
히스토리 모드:
[관련 추천: "vue.js tutorial"]
위 내용은 Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!