Vue-router ネストルーティングの詳細な説明
ステップ1. ルーティング ルールを設定し、子構成項目を使用します。
ルート:[
{
パス:'/about',
コンポーネント:について、
},
{
パス:'/home',
コンポーネント:ホーム、
children:[ //children を通じて子ルーティングを構成する {
パス:'news', // 書き込まないでください: /news
コンポーネント:ニュース
},
{
パス:'message', //書き込まないでください: /message
コンポーネント:メッセージ
}
]
}
]
2. ジャンプ（フルパスを記入）：<router-link to="/home/news">ニュース</router-link> コードの分析
要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQLとNavicatプレミアムのインストールと設定の詳細な手順
>>: Linuxカーネルスケジューラソースコード初期化の分析
推薦する
Centos8 で NIS ドメイン サービスをセットアップおよび構成するための詳細な手順
目次NIS の紹介ネットワーク環境: 1. 環境の準備（両方のノードが必要） 2.nisマスターサー...
CSS3 を使用した背景ぼかし効果の 3 つの例
導入から始めず、いきなり本題に入りましょう。通常の背景ぼかし効果は次のとおりです。 プロパティを使用...
MySQLインデックスの詳細な分析
序文インデックスの選択はオプティマイザ段階の作業であることはわかっていますが、オプティマイザは万能で...
Linux で特殊文字のファイル名やディレクトリを削除する方法
inode番号でファイルを削除するまずls -iを使用して、削除するファイルのinode番号を見つけ...
Vue プロジェクトで axios リクエストを使用する方法
目次1. インストール2. カプセル化に問題はない3. ファイルを作成する4. アドレス設定をリクエ...
Vueタブとキャッシュページを切り替えるいくつかの方法
目次1. 切り替え方法2. タブを動的に生成する3. キャッシュコンポーネント3.1 キープアライブ...
vue-routeルーティング管理のインストールと設定方法
導入Vue Router 、 Vue.jsの公式ルーティング マネージャーです。 Vue.jsのコア...
Vue実戦記録のログインページの実装
目次1. 事前準備1.1 Node.jsをインストールする1.2 webpackをインストールする1...
Vue はデータの変更をどのように追跡しますか?
目次背景例誤解 - コールスタックを表示するためにウォッチでブレークポイントを設定する正しいアプロー...
HTML の title 属性を正しく使用するためのヒント
コンテンツを携帯電話、タブレット、支援技術のユーザーから非表示にし、キーボードのユーザーにのみ表示す...
MySQL でタイムゾーンを表示および変更する方法
今日、プログラムが間違った時刻を挿入し、フィールドがデフォルト値 CURRENT_TIMESTAMP...
画像をハイパーリンクとして使用したときに表示される青いボックスを削除する方法
最近、Dreamweaver を使用して製品プレゼンテーションを作成し、画像にハイパーリンクを追加し...
Centos8環境でSSHポート番号を変更する方法
目次序文始める序文サーバーのデフォルトの SSH ポート番号は通常 22 であるため、ほとんどのユー...
XHTML CSSを使用して正式なブログを書く
ブログの正式名称は「Web log」で、中国語で「ネットワークログ」を意味します。後にブログに短縮さ...
CSS初心者向けチュートリアル: 背景画像を画面全体に表示する
インターフェース全体に背景画像を表示したい場合は、当然 body に背景を追加することを考えます。コ...