Vue-router ネストルーティングの詳細な説明

ステップ

1. ルーティングルールを設定し、子構成項目を使用します。

ルート:[
	{
		パス:'/about',
		コンポーネント:について、
	},
	{
		パス:'/home',
		コンポーネント:ホーム、
		children:[ //children を通じて子ルーティングを構成する {
				パス:'news', // 書き込まないでください: /news
				コンポーネント:ニュース
			},
			{
				パス:'message', //書き込まないでください: /message
				コンポーネント:メッセージ
			}
		]
	}
]

2. ジャンプ（フルパスを記入）：

   <router-link to="/home/news">ニュース</router-link>

コードの分析

ここに画像の説明を挿入

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:

vue3+TypeScript+vue-routerの使い方
vue-router 4 の使用例の詳しい説明
Vue-Routerのルート設定の詳しい説明
バックエンドの権限に基づいてナビゲーションメニューを動的に生成する Vue-router のサンプルコード
Vue-Routerのインストールプロセスと原理の詳細
非常に詳細な Vue-Router のステップバイステップのチュートリアル
Vue-Routerのインストールと使用方法の詳細な説明
vue3 で vue-router を使用するための完全な手順
Vue ルーター vue-router 詳細説明ガイド
Vue-routerルーティングの使い方
Vue ルーティング vue-router の使用方法の説明

<<: MySQLとNavicatプレミアムのインストールと設定の詳細な手順

>>: Linuxカーネルスケジューラソースコード初期化の分析

Vue h関数の使い方の詳しい説明

ブログ

ブラウザのバージョンを決定し、複数のブラウザと互換性があることを示すステートメント

ブログ

Web面接におけるJS事前解析と変数プロモーションの違い

ブログ

WeChat アプレット開発フォーム検証 WxValidate の使用

ブログ

重要なmysqlログファイルの概要

ブログ

Linuxでホスト名を変更する方法

ブログ

MySQL 5.7.33 インストールプロセスの詳細な図解

ブログ

IE ブラウザの HTML ハックタグの概要

ブログ

Linux システムでの nginx サーバーのインストールと負荷分散構成の詳細な説明

ブログ

ウェブサイトのBGM実装方法

ブログ

Vue-router ネストルーティングの詳細な説明

目次

ステップ

1. ルーティングルールを設定し、子構成項目を使用します。

2. ジャンプ（フルパスを記入）：

要約する

Vue h関数の使い方の詳しい説明

ブラウザのバージョンを決定し、複数のブラウザと互換性があることを示すステートメント

Web面接におけるJS事前解析と変数プロモーションの違い

WeChat アプレット開発フォーム検証 WxValidate の使用

重要なmysqlログファイルの概要

Linuxでホスト名を変更する方法

MySQL 5.7.33 インストールプロセスの詳細な図解

IE ブラウザの HTML ハックタグの概要

Linux システムでの nginx サーバーのインストールと負荷分散構成の詳細な説明

ウェブサイトのBGM実装方法

推薦する

Webデザインと制作のテスト問題と参考回答

Nginx のリロードプロセスの背後にある真実を探る

Centos 7.4 サーバーの時刻同期設定方法 [NTP サービスに基づく]

WeChatアプレットの下部にあるタブバーがコンテンツをブロックする問題に対処する簡単な方法

Nest.js のハッシュと暗号化の例の詳細な説明

WEB2.0の片手ルール

シンプルな広告ウィンドウを実現するjs

MySQLのファジークエリの要約

JS で CSS 変数を使用する方法

React Nativeの起動プロセスの詳細分析

Linuxの同時実行は簡単です。このようにするだけです

ウェブページ作成時に標準 HTML コードを使用する際のポイント

シンプルな時計を実装するJavaScript

ページに img src が含まれている場合の二重読み込みの問題

レスポンシブなアコーディオン効果を実現するための CSS3 の詳細な説明

目次

ステップ

1. ルーティング ルールを設定し、子構成項目を使用します。

2. ジャンプ（フルパスを記入）：

要約する

推薦する

1. ルーティングルールを設定し、子構成項目を使用します。