vue路由的两种状态

2 篇文章 0 订阅

vue路由的两种状态


1、默认的是hash模式,表现形式(www.abc.com/#/list);即在url中有个#
这个#前面是域名,#后面是位置;当页面变化的时候改变#后面的值,切换页面的位置,达到url不改变,页面不刷新,即单页面应用。
这个可以用a标签的锚点来解释:

<a href="#one">one</a>
<div id="one">one</div>

当点击a标签的时候页面会跳到div id=one所在的位置
当改变#后面的内容的时候浏览器会记录访问历史(可以前进或后退)

2、HTML5 history模式
history模式是HTML5 的新模式,来模仿完整的url实现页面无刷新前进后退
方法:back() 后退
forward() 前进
go(1) 前进 go(-1) 后退
pushstatus(添加状态)
replacestatus(切换状态)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值