App.vue一般这样写，这里是跟路由。想象一块大的屏幕，根路径的切换就是这个页面的切换。

<div id="app">
	<router-view />
</div>

home主页跳转submenu失败，地址栏显示路由没问题，但页面显示空白

router.js坑一：在子路由加了斜杠/，导致跳转空白不显示

routes: [
    { path: '/', redirect: Home },
    { path: '/login', component: Login },
    { path: '/home', component: Home,
      children: [
      // 坑一：之前在子路由加了斜杠/，导致跳转空白不显示
        { path: 'submenu',component: submenu}
      ]
    }
  ]

父路由home：坑二：父路径没有配置占位标签router-view

<template>
	<div>
		<div>----<div>
		<div>----<div>
		<div>
			<!--坑二：父路径没有配置占位标签router-view-->
			<router-view><router-view>
		<div>
	</div>
</template>