vue.js中二级路由和三级路由的代码解析

//main.js
//一级路由
import About from './components/about/About'


//二级路由
import Contact from './components/about/Contact'
import Delivery from './components/about/Delivery'
import History from './components/about/History'
import OrderingGuide from './components/about/OrderingGuide'

const router= new VueRouter({
 routes:[
 {path:'/about',name:'about',component:About,children:[
 {path:'/about/contsssssssssssssssact',name:'contactLink',component:Contact},
 {path:'/history',name:'historyLink',component:History},
 {path:'/',name:'deliveryLink',component:Delivery},
 {path:'/orderingGuide',name:'orderingGuideLink',component:OrderingGuide},
 ]},
 {path:'*',redirect:'/'}
 ],
 mode:"history"
});

const router= new VueRouter({
 routes:[
 {path:'/',name:'home',component:Home},
 {path:'/menu',name:'menu',component:Menu},
 {path:'/admin',name:'admin',component:Admin},
 {path:'/about',name:'about',component:About,redirect: {name:'contactLink'},children:[ //二级路由
 {path:'/about/contact',name:'contactLink',component:Contact},
 {path:'/history',name:'historyLink',component:History},
 {path:'/delivery',name:'deliveryLink',component:Delivery},
 {path:'/orderingGuide',name:'orderingGuideLink',component:OrderingGuide,redirect:{name:'phonelink'},children: [ //三级路由
 {path:'/phone',name:'phonelink',component:Phone},
 {path:'/name',name:'namelink',component:Name}
 ]},
 ]},
 {path:'/login',name:'login',component:Login},
 {path:'/register',name:'register',component:Register},
 {path:'*',redirect:'/'}
 ],
 mode:"history"
});