Vuejs学习笔记(三)-13.前端路由-改变Url不刷新页面

一、控制台的几个命令

1.刷新页面

console控制台设置：

location.href = 'aaaa'

此时页面会重新请求页面数据

 

2.不刷新页面

console控制台设置：

location.hash= ‘aaa’

通过哈希的方式改变，前端不会重新请求前端数据。

 

3.不刷新页面2

console控制台设置：

history.pushState(data,title,url)

history.pushState({},'','aaa')

history.pushState({},'','bbb')

栈结构

history.back()  返回

history.replaceState({},'','ccc')

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

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