最近、約VUE-ルータのルーティングフック関数を学ぶために、私は多くの人が、ここでは簡単な要約は限りパートナーがあなたに連絡小さな学校のフロントエンドとして、私たちは小さなパートナーを支援したいと考えています。
:3種類以下のフック関数をルーティング
最初:グローバルフック関数。
router.beforeEach((次に、から、の)=> {
はconsole.log( 'beforeEach')
//次()//ジャンプするならば、それは)(次を記述する必要があります
()はfalseに次// //キャンセルナビゲーション
次の()スキップ、書き込み、正常ではないではないジャンプ//
})
router.afterEach> =((からの){//例:document.titleジャンプ変更することにより
IF(にします。 meta.title){
//タイトル各ルーティングによるwindow.document.title = to.meta.title
} {他
よるwindow.document.title =「デフォルトのタイトル」
}
})
第二:単一のフッキング機能のルーティング
beforeEnter (次に、からに){
にconsole.log( 'beforeEnter')
次に()はスキップしない、書き込みを行わないで、通常のジャンプ//
}
第三:コンポーネント・レベルのフック関数
(次の、からの、)beforeRouteEnterは {// この関数は、ライフサイクルbeforeCreate関数よりルーティングフックを実行するので、このインスタンスが実行作成されていない
(「beforeRouteEnter」)はconsole.logを
(にconsole.logこれは)//これは、このインスタンスが外に作成されていないこの時点ため、undefindeである
次の((VM)=> { // VMが、 これはこのインスタンスを取得するには、このパラメータをVMことができ、その後、あなたがに変更することができます
vm.textを=「変更」
})
}、
beforeRouteUpdate()次に、から、の唯一の問題をレンダリングする2つのナビゲーションページが、それは、ナビゲーションを更新するかどうか、更新する必要がある場合{//を解消することができる
にconsole.log(「beforeRouteUpdateを「)
;次に()
}、
次に、からへbeforeRouteLeave(){//アセンブリを残しするままに許可されている
次のページを()
}
VUE-ルータのルーティングフック関数の基本的な使用方法の概要
おすすめ
転載: www.cnblogs.com/web-develper/p/11365432.html
ランキング