Einführung in die Methode zur Routenanzeigeeinstellung von vue.js

Dieser Artikel bietet Ihnen eine Einführung in die Routing-Anzeigeeinstellungen von vue.

①Pfad auf „/“ setzen

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

②Umleitungswert festlegen (gilt für sekundäres Routing)

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"
});

Verwandte Empfehlungen:

Codeanalyse des sekundären und tertiären Routings in vue.js

Zusammenfassung der Verwendung des Vue.js-Routers (mit Code)

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zur Routenanzeigeeinstellung von vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!