Vue第六天笔记

1.路由

1.1 单页应用

（Single Page Application）SPA：指的是在一个Web网站中只有唯一一个HTML页面，所有功能和交互都在这个页面完成

1.2 前端路由的概念

前端路由：Hash地址与组件之间的对应关系
页面效果：在浏览器中访问不同的Hash地址，会显示不同的组件

1.3 vue路由的基本使用

vue路由（vue-router）是vue.js官方给出的路由解决方案，它只能结合vue项目进行使用，能够轻松的管理SPA(单页面应用程序)项目组件的切换。
vue-router的官方文档地址：Vue Router

1.4 vue-router核心步骤

1.5 嵌套路由

1.6 路由传参

1.6.1 查询参数传参

步骤：

代码演示：

效果展示：

1.6.2 动态路由传参

效果预览：

代码演示：

1.7 重定向

1.8 历史模式

默认为hash模式（地址栏有#），历史模式没有#

1.9 404处理

1.10 链接高亮

为什么超链接不用a标签，而用router-link标签？
· 使用router-link也会解析为a标签
· 会给当前访问的超链接，自动加两个类名{
·router-link-exact-active --精确匹配类名
·router-link-active --模糊匹配类名}

通俗来讲，能继续往下分类的就是模糊匹配，若不能继续分类，已经是最小最精确的hash地址单位，那就是精确匹配

1.10.1 router-link-exact-active --精确匹配类名

1.10.2 router-link-active --模糊匹配类名

1.11 使用JS进行路由跳转

又称JS导航：通过调用API方式实现导航的方式，叫做编程式导航