vue-router 跳转原理

vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于,路由跳转不需要刷新整个页面。

大概流程可以看成:

　　1. 浏览器发出请求

　　2.服务器监听到端口有请求过来,并解析url路径

　　3.根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)

　　4.浏览器根据数据包的 Content-type 来决定如何解析数据

简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。

 

前端的路由

hash模式

随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。
类似于服务端路由，前端路由实现起来其实也很简单