import Home from './components/Home'
import Menu from './components/Menu'
import Login from './components/Login'
import Register from './components/Register'
import Admin from './components/Admin'
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'
 
 
//三级路由
import Phone from './components/about/contact/Phone'
import PersonName from './components/about/contact/PersonName'
 
export const routes=[
	{path:'/',name:"homeLink",components:{
		default:Home,
		'orderingGuide':OrderingGuide,
		'delivery':Delivery,
		'history':History
	}},
	{path:'/menu',name:"menuLink",component:Menu},
	{path:'/login',component:Login},
	{path:'/register',component:Register},
	{path:'/admin',component:Admin},
	
	{path:'/about',redirect:'/about/contact',component:About,children:[
		{path:'/about/contact',redirect:'/personname',name:"contactLink",component:Contact,children:[
			{path:'/phone',name:"phoneNumber",component:Phone},
			{path:'/personname',name:"personName",component:PersonName},
		]},
		
		{path:'/history',name:"historyLink",component:History},
		{path:'/delivery',name:"deliveryLink",component:Delivery},
		{path:'/orderingGuide',name:"orderingGuideLink",component:OrderingGuide},
	]},
	
	{path:'*',redirect:'/'}//这个路由的目的是如果在用户输入的路由在上面的路由都没有找到，就默认跳到根目录下
]

• 本文标题： Vue多级路由设置（一级菜单，二级菜单，三级及多级）
• 文章分类：【VueJS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：Vue 单个页面独立，不引用APP.VUE公共样式
• 下一篇： SQLServer 图书借还为两条数据，查询时需一一匹配对应