前端路由的核心就在于更改url,页面不刷新

1.改变url的hash值,改变hash值,页面不刷新,页面会根据前端的路由映射关系找到相应的组件数据并呈现

url的hash和HTML5的history

2.使用HTML5的history模式

1)pushState()与back()

把url看做一个栈,pushState()向栈中放入一个url,而back()删除掉栈顶的url,页面总是呈现栈顶的url。
这种方式保留了历史记录,页面可以返回

url的hash和HTML5的history

2)replaceState(),直接改变了url

这种方式没有保存历史记录,页面不可返回。

url的hash和HTML5的history

3)go()与forward()

url的hash和HTML5的history

url的hash和HTML5的history

分类:

技术点:

相关文章: