vue路由的原理以及分类

VUE路由的原理

路由的概念起源于服务端,在以前前后端不分离时,是由后端来控制路由,当接受到 客户端发来的请求就会根据所请求的url来找到对应的映射函数并将函数的返回值发 送给客户端。

而后来就提出了前端路由的概念 前端路由的特点就是改变url不刷新页面,对url变化的监听,更新视图模块

根据不同的hash值或者不同路径地址,将不同的内容渲染到router-view中

Vue路由实现有两种模式 hash模式history模式

  1. Hash模式的url是以#开头,常作为锚点在页面内进行导航,是基于location.hash来实现的location.hash的值就是url中#后的内容,当hash改变时页面不会因此刷新,游览器也不会请求服务器,而是通过键值对获取对应哈希值来进行渲染视图模块。

  2. History主要是利用HTML5History来操作游览器历史记录栈,主要方法有back,go来读取游览器路由历史记录并控制跳转,HTML5新增pushState,replaceState两个方法来修改历史记录,调用这两个方法修改历史信息后,虽然当前url改变了,但游览器不会立即请求该url,这就满足单页面应用更新视图但不重新请求页面的需求。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值