vue2（6）之声明式导航router-link类名&传参/路由重定向/路由两种模式hash&history/编程式导航路径跳转&传参/案例面经基础版/vueCli自定义创建项目/eslint

vue2

• • 一、声明式导航-导航链接
  • • 1.需求
    • 2.解决方案
    • 3.通过router-link自带的两个样式进行高亮
  • 二、声明式导航-两个类名
  • • 1.router-link-active
    • 2.router-link-exact-active
    • 3.在地址栏中输入二级路由查看类名的添加
  • 三、声明式导航-自定义类名（了解）
  • • 1.问题
    • 2.解决方案
  • 四、声明式导航-查询参数传参
  • • 1.目标
    • 2.跳转传参
    • 3.查询参数传参
    • 4.代码演示
  • 五、声明式导航-动态路由传参
  • • 1.动态路由传参方式
    • 2.查询参数传参 VS 动态路由传参
    • 3.总结
    • 4.代码
  • 六、动态路由参数的可选符(了解)
  • • 1.问题
    • 2.原因
  • 七、Vue路由-重定向
  • • 1.问题
    • 2.解决方案
    • 3.语法
    • 4.代码演示
  • 八、Vue路由-404
  • • 1.作用
    • 2.位置
    • 3.语法
    • 4.代码示例
  • 九、Vue路由-模式设置
  • • 1.问题
    • 2.语法
  • 十、编程式导航-两种路由跳转方式
  • • 1.问题
    • 2.方案
    • 3.语法
    • 4.path路径跳转语法
    • 5.name命名路由跳转
  • 十一、编程式导航-path路径跳转传参
  • • 1.问题
    • 2.两种传参方式
    • 3.传参
    • 4.path路径跳转传参（query传参）
    • 5.path路径跳转传参（动态路由传参）
  • 十二、编程式导航-name命名路由传参
  • • 1.name 命名路由跳转传参 (query传参)
    • 2.name 命名路由跳转传参 (动态路由传参)
  • 十三、面经基础版-案例效果分析
  • • 1.面经效果演示
    • 2.功能分析
    • 3.实现思路分析：配置路由+功能实现
  • 十四、面经基础版-一级路由配置
  • 十五、面经基础版-二级路由配置
  • • 1.使用场景
    • 2.语法
    • 3.代码实现
  • 十六、面经基础版-二级导航高亮
  • • 1.实现思路
    • 2.代码实现
  • 十七、面经基础版-首页请求渲染
  • • 1.步骤分析
    • 2.代码实现
  • 十八、面经基础版-查询参数传参
  • • 1.说明
    • 2.查询参数传参实现
  • 十九、面经基础版-动态路由传参
  • • 1.实现步骤
    • 2.代码实现
    • 3.额外优化功能点-点击回退跳转到上一页
  • 二十、面经基础版-详情页渲染
  • • 1.实现步骤分析
    • 2.代码实现
  • 二十一、面经基础版-缓存组件
  • • 1.问题
    • 2.原因
    • 3.解决方案
    • 4.什么是keep-alive
    • 5.keep-alive的三个属性
    • 6.额外的两个生命周期钩子
  • 二十二、VueCli 自定义创建项目
  • 二十三、ESlint代码规范及手动修复
  • • • 1.JavaScript Standard Style 规范说明
      • 2.代码规范错误
      • 3.手动修正
  • 二十四、通过eslint插件来实现自动修正