vue 中的路由状态 mode

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.HTML 5  history 模式

  history模式是HTML 5 的新模式,来模仿完整的 url 实现页面无刷新前进后退

  方法:back()  后退

     forward() 前进

     go(1) 前进 go(-1) 后退

     pushstatus(添加状态)

     replacestatus(切换状态)

  

  

转载于:https://www.cnblogs.com/dangdangdangdang/p/7728185.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值