四十、Vue-Router简介

（一）Vue-Router 是什么

• Vue 的一个插件库
• 专门用来实现 SPA 应用

（二）SPA 应用是什么

• 单页 Web 应用，Single Page Web Application，SPA
• 整个应用只有 一个完整的页面【index.html】
• 点击页面中的导航链接 不会刷新 页面，只会做页面的 局部更新
• 数据需要通过 Ajax 请求获取

（三）路由的理解

1.什么是路由

• 一个路由（route）就是一组映射关系（key-value）
• key 为路径，value 可能是 function 或 component
• 多个路由需要路由器（router）进行管理

2.路由分类

1）后端路由

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

2）前端路由

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