vue学习 35路由精讲之复用router-view

分离路由配置文件

routes.js

import Home from './components/Home'
import Menu from './components/Menu'
import Admin from './components/Admin'
import About from './components/about/About'
import Login from './components/Login'
import Register from './components/Register'

// 二级路由
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
		}