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

この記事では、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 サイトの他の関連記事を参照してください。