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

news/2024/7/10 2:02:56 标签: 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”时,就显示“首页”组件。

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


http://www.niftyadmin.cn/n/1095962.html

相关文章

数据库课程设计

这学期的大作业,数据库课程设计,SQL语句解析,主要是实现SQL中select语句的功能,还包括where限制语句和order by语句。 虽然写的有点挫,但还是第一次写这么长的代码,纪念一下吧。 /************************…

VUE:vue-router介绍

一、vue-router工作原理 单页面应用(SPA)的核心思想之一,就是更新视图而不重新请求页面,简单来说,它在加载页面时,不会加载整个页面,只会更新某个指定的容器中的内容。对于大多数单页面应用&am…

JDBC处理可滚动的处理集

Statement createStatement(int resultSetType, int resultSetConcurrency, int resultSetHoldability) throws SQLException 创建一个 Statement 对象,该对象将生成具有给定类型、…

图像检索的最新进展

图像检索感觉是很古老的一个问题了,CBIR也疯狂过。Google在实验室也开放过相关研究的demo,不过貌似都关闭了已经。因为已经可以实际应用了。 最近的明显的进展是google和baidu利用deep learning的技术,改进的图像检索。 google在google上图像…

安卓: 适配器(Apdater)与Intent(页面跳转)实现简单的投票案例

案例运行结果&#xff1a; 代码部分&#xff1a; xml: activity_tou_piao.xml <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.…

在SIP消息中PRACK的含义和使用

PRACK英文翻译&#xff08;the Provisional Response ACKnowledgement&#xff09;&#xff0c;可以把它称之为保平安的信息吧&#xff01;这样比较形象。 SIP中的最终响应被理解是会可靠传输的&#xff0c;例如对应INVITE的200OK响应&#xff0c;UAC会给一个ACK&#xff0c;告…

安卓学习笔记——数据存储之SharedPreference

Android提供了四种数据存储的方式 SharedPreference&#xff1a;一种常用的数据存储方式&#xff0c;其本质是基于XML文件存储键值对数据&#xff0c;通常用来存储一些简单的配置信息。SQLite&#xff1a;一个轻量级数据库&#xff0c;支持基本SQL语法&#xff0c;是Android系…

DB开发之大数据量高并发的数据库优化

一、数据库结构的设计 如果不能设计一个合理的数据库模型&#xff0c;不仅会增加客户端和服务器段程序的编程和维护的难度&#xff0c;而且将会影响系统实际运行的性能。所以&#xff0c;在一个系统开始实施之前&#xff0c;完备的数据库模型的设计是必须的。 在一个系统分析、…