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をインストールし、サービスの起動とシャットダウンを構成する
MySQL では、1 つの列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、M...
CDN(コンテンツ配信ネットワーク)を通じて参照できます。 jQuery は Google と Mi...
Linux はオープン システムです。インターネット上には、既成のプログラムやツールが多数存在します...
ここでは比較的簡単なインストール方法のみを紹介します。 1. yumを使用してインストールするyum...
この記事の例では、Element+vueを使用して開始と終了の時間制限を実装するための具体的なコード...
PostgreSQL はコンパイルされインストールされるため、起動時に起動するように設定する必要があ...
MySQLでは判定記号がよく使われますが、等しくない記号はもっと一般的に使われます。次の3つの等しく...
display:flex、justify-content: space-betweend を設定する...
この記事では、参考までにMySQL 8.0に接続できないJavaの問題をまとめて紹介します。具体的な...
正規表現は、特定のパターンに一致するテキストを検索および置換するためによく使用されます。たとえば、テ...
背景今日、CodePen を閲覧していたところ、非常に興味深い効果を見つけました。 CodePen ...
<br />昨日、W3C で新しいHTML 5 ドラフト (ワーキング ドラフト) が ...
1 背景最近、Shimo Document のオンライン ビジネスでパフォーマンスの問題が発生しまし...
この記事は主にDockerでパラメータ変数を外部から指定する方法を紹介します。この記事のサンプルコー...
序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...