vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go

改变url,但不进行整体的刷新

1. url的hash

控制台:location.hash = ‘xxx’
url改变,但页面不会重新请求全套资源
vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go
vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go

2. html5 的history模式

2.1 pushState()

vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go
pushState相当于入栈,back相当于出栈
可以点浏览器的前后按钮,可返回上个页面
vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go

2.2 replaceState()

vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go
浏览器前后按钮不可用,不可返回到上个页面

2.3 go()

vue44 —— vue-router(前提)-改变url不整体刷新- url的hash, h5 history的pushState,replaceState,go
go( - num) ,弹出num个
go(num) , 压入num个

history.go(-1) == history.back()
history.go(1) == history.forward()