vue router 네비게이션 가드

순서

beforeEach 어떤 페이지든 간에 이동할 때 제일 먼저 실행되는 훅 (전역가드)

beforeEnter 이동하려는 라우트에 진입하기 전 호출되는 훅 / 라우터마다 각각 다르게 가드를 지정할 수 있음

beforeRouteEnter 새로운 컴포넌트를 만들기 전 호출 (next이용하여 dom업데이트된 이후 실행가능)

beforeRouteUpdate 컴포넌트를 재사용할 경우에만 발생 (/shop/goodsList/1 > /shop/goodsList/2)

beforeResolve 네비게이션 작업을 완료하기 전 호출하는 훅 (전역가드)

afterEach 네비게이션 작업이 완료된 후 호출하는 훅 (전역가드)

beforeRouteLeave 기존 컴포넌트 제거 전에 호출 (폼 작성 데이터 유실 방지용)