Vue Router系列之（一）路由

路由

1. SPA应用

1. 单页Web 应用（single page web application，SPA）。
2. 整个应用只有一个完整的页面（index.html）。
3. 点击页面中的导航链接不会刷新页面，页面不会跳转，只会做页面的局部更新。
4. 数据需要通过ajax 请求获取。

注：多页面应用，多个页面来回跳来跳去

2. 什么是路由？

1. 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理，路由不经过路由器的管理是不能工作的。

   注：同时适用于生活中和Vue中的路由和路由器

2. key 为路径, value 可能是function 或component

3. 路由的分类

1. 后端路由：

   1. 理解：value 是function, 用于处理客户端提交的请求。
   2. 工作过程：服务器接收到一个请求时, 根据请求路径找到匹配的函数来处理请求, 返回响应数据。

2. 前端路由：

   1. 理解：value 是component，用于展示页面内容。
   2. 工作过程：当浏览器的路径改变时, 对应的组件就会显示。

4. 前端中路由的工作流程【SPA应用中的功能跳转是如何实现的？】

注：一个丰富多彩的应用一定是有导航区（不变的，内容可以点击）和展示区（变化的）的

5. 生活中的路由和路由器与Vue中的路由和路由器的对比

生活中的路由和路由器：完成多台设备同时上网

Vue中的路由和路由器：实现SPA应用中不同功能的切换