说到路由,人们一般都会想到生活中常见的路由器。路由器主要用于连接多个逻辑上分离的网络。一个逻辑网络代表一个单独的网络或一个子网,不同的路由器功能可以用来完成不同网络之间的数据传输。Vue中也引入了路由的概念,那么我们先简单了解一下程序开发中的路由。程序开发中的路由分为后端路由和前端路由,下面我们分别简单介绍一下。1、后端路由后端路由通过用户请求的URL分发给特定的handler,浏览器每次跳转到不同的URL都会重新访问服务器。服务端收到请求后,将数据与模板结合返回HTML页面,或者直接返回HTML模板,前端JavaScript程序请求数据,使用前端模板与数据结合生成最终的HTML页面。下图演示了后端路由的工作原理。2、前端路由前端路由就是把不同内容或页面对应的不同路由的任务交给前端。前端路由和后端路由的原理类似,只是实现方式不同。对于单页面应用(SinglePageApplication,SPA),不同页面之间的切换主要是通过URL中的hash(#)来实现的。hash有一个特点,就是HTTP请求中不包含hash相关的内容,所以单页程序中的页面跳转主要是通过hash来实现的。下图演示了前端路由的工作原理。上图中index.html后面的'#home'是一个hash路由,由前端路由处理,hash值对应页面中的组件。当hash值为“#/home”时,显示“Homepage”组件。前端路由只在访问新页面时改变hash值,不与服务器交互,所以没有网络延迟,提高了用户猜猜你喜欢什么:vue常用的命令有哪些vue全家桶都有哪些东西?具体指的是什么?vue数据双向绑定的原理是什么?vue的模式有哪些router?黑马程序员web前端开发大师班课程
