day6

路由的封装抽离

Alt text

声明式导航 - 导航链接

Alt text

声明式导航 - 两个类名

Alt text

Alt text

定制

Alt text

声明式导航 - 跳转传参

Alt text

Alt text

Alt text

动态路由参数可选符

Alt text

vue路由 - 重定向

Alt text

vue路由 - 404页面

Alt text

vue路由 - 模式设置

Alt text

编程式导航 - 基本跳转

Alt text

Alt text

编程式导航 - 路由传参

Alt text

Alt text $router.query.参数名

Alt text $router.params.参数名

Alt text

Alt text

Alt text

Alt text

二级路由

Alt text

组件缓存 keep-alive

（当从详情页面返回至上一页，希望滚动条还在刚刚访问的位置）

Alt text

Alt text

Alt text

被缓存的组件多两个生命周期：actived、deactived。

组件缓存了，不执行created、mounted、destroyed

Alt text

自定义创建项目

Alt text

Alt text

Alt text

ESlint代码规范

Alt text

Alt text