路由(route)的简介

路由(route)是 vue 中非常重要的技术，几乎每一个用 vue 所写的项目都会用到路由，它是一个 vue 的插件库，专门实现 SPA 应用

什么是路由

说到路由，大多数人会想到路由器(router),可以这么说，路由器上的每一个口都是一个路由，对接着一台设备，一个路由器上有多个路由，简单来说就是：

1 路由就是一组 key-value 的对应关系 key 一般是路径，vaule 为组件(component)或者函数(function)

2 多个路由，需要经过路由器的管理

生活中的路由和路由器多用于多台设备上网

编码中的路由和路由器多用于开发 SPA 应用的导航区和展示区的来回切换

路由的分类

路由分为前端路由和后端路由

简单来说前端路由根据路径就展示对应的组件，后端路由就是根据路径调用指定的路径响应本次的请求

前端路由

理解：value 是组件(component)，用于展示页面内容

工作过程：当浏览器的路径改变时，对应的组件就会显示

后端路由

理解：value 是函数(function)，用于处理客户端提交的请求

工作过程：服务器接收到一个请求，根据请求路径找到匹配的函数来处理请求，返回响应数据

SPA 应用简单理解

单页应用（single page web application，SPA），就是只有一张 Web 页面的应用。单页应用程序 (SPA) 是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的 Web 应用程序。 浏览器一开始会加载必需的 HTML、CSS 和 JavaScript，所有的操作都在这张页面上完成，都由 JavaScript 来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。

这种应用一般是单页面进行跳转，进行局部刷新，主要有以下几个特点：

1 单页 Web 应用

2 整个系统只有一个完整的页面(index.html)

3 点击页面中的导航链接不会刷新页面，只会做页面的局部更新

4 数据需要通过 ajax 请求获取

根据点击不同的导航项目，拼接不同的路由，展示不同的组件，由路由器统一进行管理

单页 Web 应用（single page web application，SPA）是当今网站开发技术的弄潮儿，很多传统网站都在或者已经转型为单页 Web 应用，新的单页 Web 应用网站（包括移动平台上的）也如雨后春笋般涌现在人们的面前，如 Gmail、Evernote、Trello 等。如果你是一名 Web 开发人员，却还没开发过或者甚至是没有听说过单页应用，那你已经 Out 很久了