vue-router 라우팅 가드에는 다음이 포함됩니다. 1. "글로벌 라우팅 가드"는 라우팅 인스턴스에서 직접 작동하는 후크 기능을 의미합니다. 2. "경로 독점 가드"는 단일 구성 시 설정할 수도 있는 후크 기능을 의미합니다. 경로 3. "컴포넌트 가드"는 컴포넌트 내에서 실행되는 후크 기능을 나타냅니다.
이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!