vue-router +用嵌套路由实现常见的项目导航

与axios相同 都是简单了解 没有深入。
官方文档
Router-API

• router-view标签自动渲染匹配到的组件，可嵌套使用

项目常用嵌套路由实现常见的项目导航

嵌套路由
项目中最常见的布局如下

左侧是页面导航 右侧是当前导航对应的页面内容，左侧不变右侧变化
很容易我们就能发现一个嵌套结构：

+-------------------------+   
| 导航   +--------------+ |   
|        |              | |    
|        | content      | |  
|        |              | |  
|        +--------------+ |    
+-------------------------+  

而这用嵌套路由实现再合适不过了

const routes = [
  {
   
    path: '/',
    component: navigation,
    redirect: '/homepage',
    children: [
      {
   
        path: 'homepage',
        component: () => import('@/views/homepage'