路由的基本概念和原理

本文探讨了路由的本质——对应关系,并将其分为前端和后端路由。后端路由涉及URL请求与服务器资源的对应,SPAC(Single Page Application)中讨论了后端渲染和Ajax前端渲染的优缺点。前端路由则关注用户事件与页面内容的对应,重点介绍了Vue Router,它是Vue.js的官方路由管理器,支持HTML5历史模式、hash模式、嵌套路由、路由参数和编程式路由等功能。

一、路由的本质和分类

1、路由的本质

     路由是一个比较广义和抽象的概念,路由的本质就是对应关系

2、分类

       路由可以分为前端路由后端路由

二、后端路由

1、概念和本质

       现在我来说说后端路由,后端路由就是根据不同用户URL请求返回不同的内容,其本质是URL请求地址和服务器资源之间的对应关系

2、SPAC(Single Page Application)

  • 后端渲染(存在性能问题)
  • Ajax前端渲染(前端渲染提高性能,但是不支持浏览器的前进后退操作)
  • SPA单页面应用程序:整个网站只有一个页面,内容的变化通过Ajax局部更新实现,同时支持浏览器地址栏的前进和后退操作
  • 实现原理:基于URL地址的hash(hash的变化会导致浏览器记录访问历史的变化,但是hash的变化不会触发新的URL请求)
  • 在实现SPA过程中,最核心的技术点就是前端路由 

三、前端路由

1、概念和本质

     概念:根据不同的用户事件显示不同的页面内容

     本质:用户事件与事件处理函数之间的对应关系

2、Vue Router

       是Vue.js官方的路由管理器,它和Vue.js的核心深度集成,可以非常方便的用于SPA应用程序的开发。包含如下几种功能:

  • 支持HTML5历史模式和hash模式
  • 支持嵌套路由
  • 支持路由参数
  • 支持编程式路由
  • 支持命名路由
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值