提到路由，大家个别会想到生存中常见的路由器，路由器次要用于连贯多个逻辑上离开的网络，逻辑网络代表-个独自的网络或者一个子网，能够通过路由器性能来实现不同网络之间数据的传递。在Vue中也引人了路由的概念，因而，咱们先来对程序开发中的路由进行简略地理解。
程序开发中的路由分为后端路由和前端路由，上面咱们别离进行简要介绍。
1. 后端路由
后端路由通过用户申请的URL散发到具体的处理程序，浏览器每次跳转到不同的URL都会从新拜访服务器。服务器收到申请后，将数据和模板组合，返回HTML页面，或者间接返回HTML模板，由前端JavaScript程序再去申请数据，应用前端模板和数据进行组合生成最终的HTML页面。下图演示了后端路由的工作原理。
2. 前端路由
前端路由就是把不同路由对应不同的内容或页面的工作交给前端来做。前端路由和后端路由的原理是相似的，然而实现的形式不一样。对于单页面利用(Single Page Application, SPA)来说，次要通过URL中的hash(#号)来实现不同页面之间的切换。hash有一个特点，就是HTTP申请中不会蕴含hash相干的内容,所以单页面程序中的页面跳转次要用hash来实现。
下图演示了前端路由的工作原理。
在上图中，index.html 前面的‘#home”是hash形式的路由，由前端路由来解决，将hash值与页面中的组件对应，当hash值为“#/home” 时，就显示“首页”组件。前端路由在拜访一个新页面的时候仅仅是变换了一下hash值而已，没有和服务端交互，所以不存在网络提早，晋升了用户体验。
猜你喜爱：
Vue罕用的指令都有哪些?
vue全家桶有哪些货色？具体指什么？
Vue数据双向绑定的原理是什么?
vue router的模式有哪几种?
黑马程序员web前端开发高手班课程