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(切换状态)

  

  

posted @ 2017-10-25 12:10  chao.ma  阅读(1558)  评论(0编辑  收藏  举报