vue 中的路由状态 mode

Posted 2020-10-11

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（切换状态）