VueRouter-ルーティングリダイレクトとエイリアス

  リダイレクト:

  ルートは `redirect`パラメータ、別のページへのリダイレクトを追加することによって、定義されている場合。
ルート:[{ 
                パス"/"、
                リダイレクト: "/資料" 
            }]

        別名:

  ルートが定義されている場合、 `加えることによってalias`パラメータはURLエイリアスは、このエイリアスを介し組み立て後にアクセスすることができることを示しています。
        ({ルータは=新しいVueRouterせ
            :[{ルート
                パス"/資料"、
                成分:記事、
                "/リスト":別名
            }] 
        })

  全体のコード:

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 

< > 
    < メタ文字コード= "UTF-8" > 
    < メタ= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < スクリプトSRC = "https://cdn.jsdelivr.net/npm/vue" > </ スクリプト> 
    < スクリプトSRC = "https://unpkg.com/vue-router/dist/vue-router.js" > </ スクリプト> 
    < タイトル>> 
</ ヘッド> 

< ボディ> 
    < DIV ID = "アプリケーション" > 
        < ルータビュー> </ ルータビュー> 
    </ DIV > 
    < スクリプト> 
        せ記事= Vue.extend({ 
            テンプレート:" <H1>文章列表</ H1> " 
        })
        ルータせ=  新しいVueRouter({ 
            ルート:[{ 
                パス:" / " 
                リダイレクト:" /記事" 
            }、{ 
                パス:" /記事" 
                成分:記事、
                別名:" /リスト" 
            }] 
        })新しいヴュー({ 
            EL:" #app 
            ルータ、
        })</ スクリプト> </ ボディ> </ HTML >
        
    


 

 

おすすめ

転載: www.cnblogs.com/xshan/p/12363668.html