前端路由的两种模式

核心要点记录：

前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求
单页面应用（只有一个 html 文件）利用 js 动态变换网页内容，避免了页面重载；路由提供了浏览器地址变化，网页内容也跟随变化
vue-router 默认 hash 模式
hash 模式 - #：

hash 就是 # 后面的字符 - 不会被包括在 http 请求中；

window.location.hash 读写 - 写入时，不会重载网页，但会创造一条访问历史记录，可后退；

onhashchange 监听 hash 的变更
history 模式 - 历史记录栈：

window.history.popState(state, title, url) 、 window.history.pushState() ，再基于已有的 back 、 forward 、go 方法，对历史记录栈进行修改 - 改变当前 URL；

优缺点对比