Vue-router笔记

Vue-router

**路由（routing）**就是通过互联网的网络把信息从源地址传输到目的地址的活动

路由提供了两种机制：路由和传送
路由时决定数据包从来源到目的地的路径
转送将输入端的数据转移到合适的输出端
路由表是路由中的一个重要概念，本质是一个映射表，决定了数据包的指向

映射表：
[内网ip1：电脑标识1]
[内网ip2：电脑标识2]
路由会根据内网ip找到对应电脑，并将数据传输进去

什么是前端渲染，什么是后端渲染？

**后端路由阶段**
网页开发前期大多使用后端渲染，使用jsp(java server page)/php/c#，在服务器后端解析，使用jsp将页面制作渲染好后传到前端，前端只负责展示网页

**后端路由**是后端处理URL和页面之间的映射关系
每个页面有自己对应的网址，也就是URL
URL会发送到服务器，服务器会通过过正则对该URL进行匹配，并且最后交给一个Controller进行处理
Controller进行各种处理，最终生成HTML或者数据，返回给前端
至此一个IO操作完成

后端路由优点渲染好的页面不需要单独加载任何的js和css，可以直接交给浏览器展示，这样也有利于SEO的优化
后端路由缺点整个页面都需要后端人愿来编写和维护的
前端开发想要开发页面，需要学习PHP和JAVA等语言来编写页面
通常情况下HTML代码和数据以及对应的逻辑会混在一起，编写和维护 都是非常糟糕的事情

前后端分离阶段
前端渲染，浏览器中显示的网页中的大部分内容，都是由前端写的js代码在浏览器中执行，最终渲染出来的网页
随着Ajax的初夏，有了前后端分离的开发模式
后端只提供API来返回数据，前端通过Ajax获取数据，并且可以通过JavaScript将数据渲染到页面中
优点是前后端责任的清晰，后端专注于数据上，前端专注于交互和可视化上，并且当移动端出现后，后端不许要进行任何的处理，依然使用之前的一套API即可，目前很多的网站依然采用这种模式开发

**单页面富应用阶段**
SPA：单页面富应用
**特点**是在前后端分离的基础上加了一层前端路由
由前端来维护一套路由规则