VUE-ルータのルーティングフック関数の基本的な使用方法の概要

最近、約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(){//アセンブリを残しするままに許可されている
    次のページを()
  }

おすすめ

転載: www.cnblogs.com/web-develper/p/11365432.html