>웹 프론트엔드 >프런트엔드 Q&A >vue-router에는 어떤 라우팅 가드가 있나요?

vue-router에는 어떤 라우팅 가드가 있나요?

青灯夜游
青灯夜游원래의
2022-03-03 16:47:317076검색

vue-router 라우팅 가드에는 다음이 포함됩니다. 1. "글로벌 라우팅 가드"는 라우팅 인스턴스에서 직접 작동하는 후크 기능을 의미합니다. 2. "경로 독점 가드"는 단일 구성 시 설정할 수도 있는 후크 기능을 의미합니다. 경로 3. "컴포넌트 가드"는 컴포넌트 내에서 실행되는 후크 기능을 나타냅니다.

vue-router에는 어떤 라우팅 가드가 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

루트 가드란 무엇인가요?

공식 설명:

"내비게이션"은 경로가 변경된다는 의미입니다. 이름에서 알 수 있듯이 vue-router에서 제공하는 내비게이션 가드는 점프나 캔슬로 내비게이션을 보호하는 데 주로 사용됩니다. 경로 탐색 프로세스를 구축할 수 있는 기회는 여러 가지가 있습니다. 전역적으로, 단일 경로에 대해 단독으로 또는 구성 요소 수준에서 말이죠.

간단히 말하면 내비게이션 가드는 루트 점프 과정에서 후크 기능을 수행하는 것입니다. 라우팅 점프는 큰 프로세스로, 점프 전, 중간, 후 등의 작은 프로세스로 구분됩니다. 이 기능을 사용하면 다른 작업을 수행할 수 있습니다. 컴포넌트 수명주기 후크 기능과 유사

라우팅 가드 분류

1. 글로벌 라우팅 가드: 라우팅 인스턴스에서 직접 작동하는 후크 기능을 말하며, 모든 라우팅 구성 컴포넌트가 트리거됩니다. 직설적으로 말하면, 트리거 경로는 이러한 후크 기능을 트리거합니다

  • beforeEach(to, from, next)

  • beforeResolve(to, from, next)

  • afterEach(to, from)

2. Route Exclusive Guard: 단일 Route 구성 시에도 설정할 수 있는 Hook 기능을 말합니다

  • beforeEnter(to, from, next)

3. Component Guard: 내부에서 실행되는 Hook 기능을 말합니다. 컴포넌트와 유사한 컴포넌트 내의 라이프사이클은 라우팅으로 구성된 컴포넌트에 추가된 라이프사이클 후크 기능과 동일합니다. +

웹 프론트엔드
    )

위 내용은 vue-router에는 어떤 라우팅 가드가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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