File tree Expand file tree Collapse file tree 1 file changed +4
-2
lines changed Expand file tree Collapse file tree 1 file changed +4
-2
lines changed Original file line number Diff line number Diff line change 2
2
3
3
이름에서 알 수 있듯이 ` vue-router ` 가 제공하는 네비게이션 가드는 주로 리디렉션하거나 취소하여 네비게이션을 보호하는 데 사용됩니다. 라우트 탐색 프로세스에 연결하는 방법에는 전역, 라우트별 또는 컴포넌트가 있습니다.
4
4
5
+ ** Params 또는 쿼리를 변경하면 네비게이션 가드가 실행되지 않습니다** . 단순히 [ ` $route ` 객체를 감시] ( ../essentials/dynamic-matching.md#reacting-to-params-changes ) 하고 그 변화에 반응하십시오.
6
+
5
7
### 전역 가드
6
8
7
- ` router.beforeEach ` 를 사용하여 보호하기 이전에 전역 등록을 할 수 있습니다 :
9
+ ` router.beforeEach ` 를 사용하여 보호하기 이전에 전역 등록을 할 수 있습니다.
8
10
9
11
``` js
10
12
const router = new VueRouter ({ ... })
@@ -62,7 +64,7 @@ const router = new VueRouter({
62
64
63
65
### 컴포넌트 내부 가드
64
66
65
- 마지막으로 ` beforeRouteEnter ` 와 ` beforeRouteLeave ` 를 사용하여 라우트 컴포넌트 안에 라우트 네비게이션 가드를 직접 정의 할 수 있습니다.
67
+ 마지막으로 ` beforeRouteEnter ` 와 ` beforeRouteLeave ` 를 사용하여 라우트 컴포넌트(라우터 설정으로 전달되는 컴포넌트) 안에 라우트 네비게이션 가드를 직접 정의 할 수 있습니다.
66
68
67
69
``` js
68
70
const Foo = {
You can’t perform that action at this time.
0 commit comments