File tree Expand file tree Collapse file tree 11 files changed +14
-14
lines changed Expand file tree Collapse file tree 11 files changed +14
-14
lines changed Original file line number Diff line number Diff line change 1
1
# ` router.afterEach(hook) `
2
2
3
- route トランジションが正常に** 活性化フェーズに入る** とき、毎回呼び出されるグローバルアフターフック (global after hook) を追加します。
3
+ route トランジションが正常に** 活性化フェーズに入る** とき、毎回呼び出されるグローバル after フック (global after hook) を追加します。
4
4
5
5
このフックが唯一トランジションが検証されたという意味を表すときに、呼ぼれるのを注意してください。すなわち、全ての ` canDeactivate ` と ` canActivate ` フックが正常に解決し、ブラウザ URL が更新されます。これは、全ての ` activate ` フックが解決されたことを保証しません。
6
6
@@ -10,7 +10,7 @@ route トランジションが正常に**活性化フェーズに入る**とき
10
10
11
11
- ` hook {Function} `
12
12
13
- hook 関数は[ トランジションオブジェクト] ( ../pipeline/hooks.html#transition-object ) な単一の引数を受信します。しかし、route オブジェクトは ` to ` と ` from ` プロパティ のみだけアクセスすることができます。フック後、グローバルではトランジションメソッドを呼び出すことは** できません** 。
13
+ hook 関数は[ トランジションオブジェクト] ( ../pipeline/hooks.html#トランジションオブジェクト ) な単一の引数を受信します。しかし、route オブジェクトは ` to ` と ` from ` プロパティ のみだけアクセスすることができます。フック後、グローバルではトランジションメソッドを呼び出すことは** できません** 。
14
14
15
15
### 戻り値
16
16
Original file line number Diff line number Diff line change 1
1
# ` router.beforeEach(hook) `
2
2
3
- 全ての route トランジションが開始する前に呼ばれるグローバルビフォーフック (global before hook) をルーターに追加します。これは、トランジションパイプライン全体の前で、もし、フックがトランジションで拒否する場合、パイプラインは本当に開始されません。
3
+ 全ての route トランジションが開始する前に呼ばれるグローバル before フック (global before hook) をルーターに追加します。これは、トランジションパイプライン全体の前で、もし、フックがトランジションで拒否する場合、パイプラインは本当に開始されません。
4
4
5
5
同じルーターにフックする前に複数のグローバルを追加できます。これらのフックは作成の順序で呼ばれます。フックは非同期に解決することができるため、前のものが解決されるまで次のフックは呼び出されません。
6
6
Original file line number Diff line number Diff line change 6
6
7
7
- ` routeMap: Object `
8
8
9
- キーはパスで、値は route 設定オブジェクトです。パスのマッチングルールは、[ Route マッチング] ( ../route.html#route-matching ) を参照してください。
9
+ キーはパスで、値は route 設定オブジェクトです。パスのマッチングルールは、[ Route マッチング] (../route.html#Route マッチング )を参照してください。
10
10
11
11
### Route 設定オブジェクト
12
12
Original file line number Diff line number Diff line change 4
4
5
5
### 引数
6
6
7
- - ` path: String ` - [ Route マッチング] ( ../route.md#route-matching ) を参照してください。
8
- - ` config: Object ` - [ Route 設定オブジェクト] ( map.md#route-config-object ) を参照してください。
7
+ - ` path: String ` - [ Route マッチング] (../route.md#Route マッチング )を参照してください。
8
+ - ` config: Object ` - [ Route 設定オブジェクト] (map.md#Route 設定オブジェクト )を参照してください。
9
9
10
10
### 戻り値
11
11
Original file line number Diff line number Diff line change 4
4
5
5
### 引数
6
6
7
- - [ ` transition {Transition} ` ] ( hooks.md#transition-object )
7
+ - [ ` transition {Transition} ` ] ( hooks.md#トランジションオブジェクト )
8
8
9
9
フックを解決するために ` transition.next() ` を呼び出します。ここで ` transition.abort() ` を呼び出すと、トランジションは既に検証されているため、アプリケーションは以前のルートへ戻りません。
10
10
Original file line number Diff line number Diff line change 4
4
5
5
### 引数
6
6
7
- - [ ` transition {Transition} ` ] ( hooks.md#transition-object )
7
+ - [ ` transition {Transition} ` ] ( hooks.md#トランジションオブジェクト )
8
8
9
9
フックを解決するために、` transition.next() ` を呼び出します。` transition.abort() ` を呼び出すと無効となり、トランジションをキャンセルします。
10
10
Original file line number Diff line number Diff line change 4
4
5
5
### 引数
6
6
7
- - [ ` transition {Transition} ` ] ( hooks.md#transition-object )
7
+ - [ ` transition {Transition} ` ] ( hooks.md#トランジションオブジェクト )
8
8
9
9
フックを解決するために、` transition.next() ` を呼び出します。` transition.abort() ` を呼び出すと無効となり、トランジションをキャンセルします。
10
10
Original file line number Diff line number Diff line change 6
6
7
7
### 引数
8
8
9
- - [ ` transition {Transition} ` ] ( hooks.md#transition-object )
9
+ - [ ` transition {Transition} ` ] ( hooks.md#トランジションオブジェクト )
10
10
11
11
` canResue ` フックでは ` transition.to ` と ` transition.from ` のみアクセスできます。
12
12
Original file line number Diff line number Diff line change 14
14
- ` resolve(data) ` -> ` transition.next(data) `
15
15
- ` reject(reason) ` -> ` transition.abort(reason) `
16
16
17
- ** または** 、Promise を含んでいるオブジェクトを返します。詳細は以下の [ Promiseシンタックスシュガー ] ( #Promiseシンタックスシュガー ) を参照してください。
17
+ ** または** 、Promise を含んでいるオブジェクトを返します。詳細は以下の [ Promise シンタックスシュガー ] (#Promise シンタックスシュガー ) を参照してください。
18
18
19
19
### 詳細
20
20
@@ -112,7 +112,7 @@ route: {
112
112
</div >
113
113
```
114
114
115
- ### Promiseシンタックスシュガー
115
+ ### Promise シンタックスシュガー
116
116
117
117
上記のパラレルなデータをフェッチングする例は、複数の Pomise を1つのものに結合するために ` Promise.all ` を利用するのを要求し、destructuring とフォーマットはまだ面倒です。` vue-router ` は Promise (もちろん Promise でないフィールドを含むこともできます) を含んだオブジェクトを返すことができるシンタックスシュガーを提供します。ここでシンタックスシュガーと ES6 を使用する同じ例を示します:
118
118
Original file line number Diff line number Diff line change 4
4
5
5
### 引数
6
6
7
- - [ ` transition {Transition} ` ] ( hooks.md#transition-object )
7
+ - [ ` transition {Transition} ` ] ( hooks.md#トランジションオブジェクト )
8
8
9
9
フックを解決するために ` transition.next() ` を呼び出します。ここで ` transition.abort() ` を呼び出すと、トランジションは既に検証されているため、アプリケーションは以前のルートへ戻りません。
10
10
You can’t perform that action at this time.
0 commit comments