Vue 라우터 내비게이션 가드---내비게이션 분석 프로세스

1. 탐색이 트리거됩니다.

2. 비활성화된 구성 요소에서 beforeRouterLeave를 호출합니다.

3. 전역 pre-beforeEacth 가드를 호출합니다.

4. 재사용된 컴포넌트에서 beforeRouterUpdate를 호출하십시오.

5. 라우팅 구성에서 beforeEnter 가드를 호출하십시오.

6. 비동기 라우팅 구성 요소를 구문 분석합니다.

7. 활성화된 구성 요소에서 beforeRouterEnter 가드를 호출합니다.

8. 가드를 해결하기 전에 글로벌 해상도를 호출하십시오.

9. 내비게이션 확인

10. 전역 afterEach 후크를 호출합니다.

11. DOM을 업데이트합니다.

12. beforeRouterLeave에 의해 next로 전달된 콜백 함수를 호출하고 생성된 컴포넌트 인스턴스를 콜백 함수의 매개변수로 전달합니다.