>  기사  >  웹 프론트엔드  >  Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?

Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?

WBOY
WBOY원래의
2022-06-16 10:47:081552검색

Vue 프로젝트 라우팅은 기본적으로 해시 모드로 설정되어 있습니다. 이 모드에는 URL에 "#" 기호가 있습니다. 앵커 포인트 "#"을 사용하여 동일한 페이지의 다른 ID에 해당하는 위치로 이동하고 해시 값을 사용할 수 있습니다. URL을 경로로 사용하면 전체 URL 해시 변경이 hashChange 이벤트를 트리거하고 브라우저의 앞으로 및 뒤로 버튼을 사용할 수 있습니다.

Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue3 버전, Dell G3 컴퓨터.

vue 프로젝트는 기본적으로 해시 모드인가요?

vue 프로젝트는 기본적으로 해시 모드입니다

hash 모드

1.vue-router는 기본적으로 해시 모드입니다

2. url

3에 "#" 기호가 있으면 해시 값("#" 뒤의 값)이 http 요청에 포함되지 않으며 해시 값을 변경해도 페이지가 다시 로드되지 않습니다.

4. 해시 변경은 hashChange 이벤트를 트리거하고 브라우저에 의해 기록됩니다. 브라우저의 앞으로 및 뒤로 버튼을 사용할 수 있습니다.

5. 해시는 IE8 이상과 호환됩니다.

6. 다른 경로에 액세스하면 두 가지 일이 발생합니다.

  • HashHistory.push()는 브라우저에 새 경로를 추가합니다. 의 방문 기록 스택

  • HasHistory.replace()가 현재 스택으로 대체됩니다

해시 모드와 기록 모드의 경우 가장 직접적인 차이점은 주소 표시줄에 "#" 기호가 있는지 여부입니다.

vue 스캐폴딩으로 빌드된 프로젝트의 라우팅은 기본적으로 해시 모드로 설정됩니다.

hash 모드:

Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?
라우팅 인스턴스를 생성할 때 기록 모드를 사용하려면 mode: "history" 속성을 추가하세요.

const router = new VueRouter({
  routes,
  mode: "history"})

히스토리 모드:

Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?

[관련 추천: "vue.js tutorial"]

위 내용은 Vue 프로젝트 라우팅은 기본적으로 해시 모드인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.