ホームページ > ウェブフロントエンド > jsチュートリアル > vue.jsのルート表示設定方法の紹介

vue.jsのルート表示設定方法の紹介

不言
リリース: 2018-08-23 16:30:26
オリジナル
1488 人が閲覧しました

この記事では、vue.js ルーティング表示の設定方法を紹介します。必要な方は参考にしていただければ幸いです。

①パスを「/」に設定します

const router= new VueRouter({
  routes:[
    {path:'/',name:'home',component:Home},             //页面第一显示的组件
    {path:'/menu',name:'menu',component:Menu},
    {path:'*',redirect:'/'}
  ],
  mode:"history"
});
ログイン後にコピー

②リダイレクト値を設定します(セカンダリルーティングに適用されます)

const router= new VueRouter({
  routes:[
    {path:'/',name:'home',component:Home},
    {path:'/about',name:'about',component:About,redirect:{name:'contactLink'},children:[   //二级路由
        {path:'/about/contact',name:'contactLink',component:Contact},
        {path:'/history',name:'historyLink',component:History},
      ]},
    {path:'*',redirect:'/'}
  ],
  mode:"history"
});
ログイン後にコピー

関連する推奨事項:

vue.js のセカンダリルーティングと第 3 レベルのルーティングのコード分析

概要Vue.jsルーターの使い方(コード付き)

以上がvue.jsのルート表示設定方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート