テキストとコードで、Vueの動的ルーティングとネストされたルーティングの違いを理解する

まず、動的ルーティングとネストされたルーティングの違い

まず効果を見て

違い：

• ビューの形式から：動的ルーティングURLのパスに1つ/、ネストされたルーティングURLのパスに2つ/
• 基本的に、動的ルーティングURLは1つのコンポーネントに対応し、ネストされたルーティングURLは2つのコンポーネントに対応します

役割：

• 動的ルーティング：パス値の動的変更を実現
• ネストされたルーティング：親ルーティングの下に子ルーティングを実装する

第二に、コード実装プロセス

動的ルーティング

App.vueのuserId属性の値を変更すると、URLによって表示される値も異なります。
そうです、$ routeのparams属性にパラメーターを渡すプロセス

ネストされたルーティング

写真の1234はコード実行のプロセスです。コード実行の順序を頭に入れれば、
効果がわかります。

3.まとめ

このナレッジポイントは、1日のコード実行順序について考えていました。私はpptで2回実行しました。Csdnはそれを合計して最終的に理解したので、要約してプログラミングの本質を習得する必要があります。