vue-路由懒加载、二级导航、路由重定向、错误路由匹配、组件缓存

路由懒加载

---

路由的懒加载 ：
 vue-router 懒加载是通过vue的异步组件和webpack的代码分割功能来完成的

const Home = () => import(/* webpackChunkName: "group-foo" */ '../pages/home')

二级导航

---

使用 children

const routes = [
          {
            path: '/shopcar',
            component: Shopcar,
            children: [
              {
                path: 'yyb', //不写  /
                component: Yyb
              }
            ]
          }
        ]

路由重定向

---

路由重定向： 从某一个路由自动跳转到另外路由，在配置路由的时候使用 redirect 选项

  {
    path: '/',  // http://m.maoyan.com/   ->  http://m.maoyan.com/home
    redirect: '/home',//重定向
  },

错误路由匹配

---

错误路由匹配，记住这个配置要放在路由表的最下面

  {
    path: '*',
    component: Error 
  }

组件缓存

---

用 kepp-alive 标签把路由展示区域包裹起来

<keep-alive>
   <router-view></router-view>
</keep-alive>