路由

要去学习路由就首先要知道路由是什么？

“路由”简单来说就是指向，点击“家”的按钮后出现家的信息，点击“我”的按钮以后出现我的信息。你的操作有着对应的操作结果。

学习路由可以先看一看三个单词

route：与下面的单词做一下对比可以知道这个单词是个单数，词义可以记为路由，由于是单数，可以认为是一条路由，一个操作对应其一个操作结果。比如点击“我的”出现的就是我的信息。

routes：这个单词就是个复数，它指的就是一个路由集合[{“家”：家的详细信息}，{“我”：我的详细信息}]。

router：这个单词直译是路由器，它做的是跟路由器做的是跟路由器做的是相同的，触发了某个操作后在路由组中找到指定的路由

在由于vue是单页面展示，所以在每次才做后都是对页面的信息进行更新。这个时候就不得不说一下前端SPA（单页面应用）的优缺点。

优点

1有着良好的用户交互体验

能提升用户的操作体验，用户不用频繁的切换浏览器的页面，省去了从重新加载浏览器的问题。

2前后端分离开发

有利于分开客户端和服务器端的工作，更进一步的可以分离静态页面和页面交互两个部分。

3减轻服务器的压力

服务器只需要对数据的的发放，不用进行逻辑计算，大幅提高了服务器的吞吐量。

4共用一套代码

只需要一套后端代码，前端的移动端，pc端不用再写后端代码了。

缺点

1初次加载的时间太长

由于只有一个页面所以在第一次加载的时候会将所有的js,css的内容全部加载出来，部分页面在需要时再加载，所以对于js,css代码需要进行压缩。

2前进与后退的管理

由于只有一个页面浏览器自带的后退无法使用，这个时候就需要自己进行建栈进行处理。

3搜索引擎优化

由于全部的展示和渲染都存在于同一个页面中，所以说搜索引擎在其上有着天然的弱势，如果是网页对于搜索有着特殊要求的话就需要对搜索引擎做个静态页面吧！