ルートナビゲーションフック

役割：傍受ナビゲーション、ジャンプを完了するか、キャンセル。

三つの方法：

1.グローバルナビゲーションフック

図2に示すように、1つのルート排他的

図3に示すように、ナビゲーションフックの成分

 

1、グローバルナビゲーションフック：

// グローバルフロントガード
VARルータ= 新しい新しいVueRouter（{...}）; 

router.beforeEach（（）次に、から、へ => { 
// 目標ルートに
@ ルート離脱から@ 次の（）は、ルート入力する// （偽の）次の割り込みを、からリセットバック入力する// 、電流遮断、ジャンプ：次の（「/」）==次に（{「/」パス}） GO / // 終了しながら、エラーがスローされる次のページ（エラー）
）}; // グローバル後部フック 
（からの（、）router.afterEach => { 
}）







    

2.フック排他的な単一のルート

VARルータ= 新しい新しいVueRouter（{ 
    ルート：[{ 
        パス： '' 、
        コンポーネント： '' 、
        beforeEnter：（）次に、から、へ => {
             // フックの経路案内、及び同じグローバルフックの使用のために
        } 
    } ] 
}）。

図3に示すように、ナビゲーションフックの成分

beforeRouteEnter {（次に、から、の）
     // この時点で、コンポーネントのインスタンスが作成されていない、この取得できない 
    次のページ（VM => {
     // アクセスコンポーネントインスタンスを介して`vm` 
  }）
} 
beforeRouteUpdate（次に、からへの）{ 
    // このとき、このアクセスで
    // 経路変更ではなく、多重場合ルートが呼び出される
    // / FOO / 1/2時間スキップ/ fooの間、/ fooの成分が多重化されるが、今回ID 1および2に得ることができる
} 

 beforeRouteLeave（次に、からの）{ 
    // 離れ対応から組み立ての際にナビゲーション経路と呼ばれる
    // アクセスコンポーネントインスタンスthis` ` 
  }