提到路由，大家个别会想到生存中常见的路由器，路由器次要用于连贯多个逻辑上离开的网络，逻辑网络代表 - 个独自的网络或者一个子网，能够通过路由器性能来实现不同网络之间数据的传递。在 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 前端开发高手班课程