vue2.xプレコンセプト:ルーティングフックのカテゴリ合計3つのカテゴリーと7つのフックがあります。 ルーティングとコンポーネントの概念(フック機能の理解を容易にするため)ルーティングとコンポーネントは 2 つの概念であり、大まかに次のように考えることができます。
グローバルルーティングフックrouter.beforeEach(to, from, next){ } 事前ナビゲーションガード ルーティング前 router.afterEach(to, from, next){ } 投稿ナビゲーションガード ルートが入った後 router.beforeResolve(to, from, next){ } 解決ガード コンポーネントを解析するときに、すべての構成が読み込まれ、以前のレベルがすべて通過しています。コンポーネントを解析する前に実行します。 ルーティング構成ガードフックbeforeEnter() はルーティング構成情報を読み取る前に呼び出されます beforeCreate() の前に実行される const ルーター = 新しい VueRouter({ ルート: [ { パス: '/foo', コンポーネント: Foo、 beforeEnter: (to, from, next) => { } } ] }) コンポーネントのガードフック
デフォルトでは、 ただし、次の方法でアクセスできます。 beforeRouteEnter(to, from, next){ // next() のコールバック関数は、ルートに入るときにインスタンス化され実行されます next(vm => { // vmは現在のコンポーネントと同等です }) }
現在のコンポーネントはルーティングアドレスの変更をまだ使用しており、上記の2つの条件が満たされた場合にのみ実行されます。
ルーティングフックの実行順序例: コンポーネント A からコンポーネント B へジャンプする
ルーティング構成情報を読み取る前の コンポーネントに入る前に
ルート B に更新がある場合、次の 3 つのフックが毎回実行されます。
コンポーネント内の vue3.xVue3.x は vue2.x とわずかに異なるだけなので、ここでは違いについてのみ説明します。 比較表相違点と補足:
コンポーネントBのサブコンポーネントはルーティングフックをトリガーしません。
コンポーネントBのサブコンポーネントはルーティングフックをトリガーします: onBeforeRouteUpdateとonBeforeRouteLeave
コンポーネントBのサブコンポーネントはルーティングフックをトリガーします: onBeforeRouteUpdateとonBeforeRouteLeave 以上が、Vue2.x と Vue3.x のルーティングフックの違いについての詳しい説明です。Vue2.x と Vue3.x のルーティングフックの違いについての詳細は、123WORDPRESS.COM の他の関連記事もご覧ください。 以下もご興味があるかもしれません:
|
<<: Linux システム (Centos6.5 以上) のインストール JDK チュートリアル分析
>>: LinuxシステムにTomcatをインストールし、サービスの起動とシャットダウンを構成する
Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...
1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...
エディターは、Vue3のデータの関連する問題も共有します。次のような例を見てみましょう。 Vue.c...
<br />関連記事: ハイパーリンクを表示して開く方法症状<br />ユー...
nginx、mysql、tomcat などのサービスをインストールするときに、使用する必要があるポー...
目次WiFiワイヤレステクノロジーの紹介1. WiFiテクノロジーの概要2. ESP8266の紹介W...
easyui フレームワークのコードは次のとおりです。 css: .ファイルボックス{ フロート:...
目次混合継承の影響: 1. 継承Vue.extend メソッドプロパティを拡張する2. ミックスイ...
1. 基本ライン 2. 特殊効果(効果は独立しておらず、互いに組み合わせることができます) 1. 両...
インストールユーザーにインストール権限があることを確認してくださいルートスイッチなしsuルート(su...
前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...
目次セットは値が重複しない特別なコレクションです。セットコレクション基本API独自の価値判断セットを...
目次関数フォーマットを即時実行関数を即座に実行する他の方法 – 式即時実行される関数はパラメータを取...
自己学習型ゲーム開発の道において、最も充実した瞬間は、自分でミニゲームを作り、友達と共有して試しにプ...
この記事の例では、WeChatアプレットマップで使用される具体的な実装コードを参考までに共有していま...