VUE：路由介绍———学习笔记

程序开发中的路由分为后端路由与前端路由

后端路由：

简介：

后端路由通过用户请求的URL分发到具体的处理程序，浏览器每次跳转到不同的URL，都会重新访问服务器。服务器收到请求后，将数据和模板组合，返回HTML页面，或者直接返回HTML模板，由前端JavaScript程序再去请求数据，使用前端模板和数据进行组合，生成最终的HTML页面。

工作原理:

上图中，网站的服务器地址是http://localhost，在这个网站中提供了3个页面，分别为“首页”“关于”和“我的资料”。当用户在浏览器中输入URL地址
http://localhost/person来访问“我的资料”页面时，服务器就会收到这个请求找到相对应的处理程序，这就是路由的分发，这一功能是通过路由来实现的。

提示：由于后端路由在访问新的页面时，都会向服务器发送请求，然后服务器相应并返回新的页面，所以该过程存在一定的网络延迟

前端路由：

简介：

前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做。对于单页面应用（SPA）来说，主要通过URL中的hash（#号）来实现不同页面之间的切换。hash有一个特点，就是HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash来实现。

工作原理：

上图中，index.html后面的“#/home”是hash方式的路由，由前端路由来处理，将hash值与页面中的组件对应，当hash值为“#/home”时，就显示“首页”组件。

提示：前端路由因为没有与服务器进行交互，所有不存在网络延迟的问题，用户体验会更好一些。