**keep-alive也会缓存动态路由的状态** ## <font color=red /> 4，路由的懒加载 >路由懒加载做了什么? 路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块. 只有在这个路由被访问到的时候, 才加载对应的组件 懒加载的方式: `const Home = () => import('../components/Home.vue')` ## vue-router嵌套路由 嵌套路由: 比如在home页面中, 通过/home/news和/home/message访问一些内容. 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件. 实现嵌套路由有3个步骤: >创建对应的子组件, 在路由映射中配置对应的子路由. 在组件内部使用<router-view>标签. ## 配置子路由(二级路由) 1.首先用`<router-link>`标签增加了两个新的导航链接 2.在HelloWorld.vue加入`<router-view>`标签，给子模板提供插入位置  3.在components目录下新建两个组件模板 H1.vue 和 H2.vue 两者内容类似，以下是H1.vue页面内容： 1. 修改router/index.js代码，子路由的写法是在原有的路由配置下加入children字段。