router原理

什么是路由

router（路由）是一种处理访问先后关系的机制，简单说就是允许我们再不同页面中跳转，记录跳转关系还能原路退回去的机制。
路由包含了三个主要部分。

• 路由历史：栈的形式的数据结构，通过入栈和出栈的方式记录访问过程
• 跳转，负责在不同页面的跳转动作
• 事件：打开新页面，或者回退到上一个页面时触发的逻辑

常见的router

• 页面router：最常见的一种形式，页面真正的跳转，跳转以后整个页面会按照新的路径重新加载

  
  image.png

• hash router：这种路由在跳转的时候只有hash值再变化，页面没有重新加载，只是调到了页面hash指定的状态，最早在做单页面应用的时候就是用这种方式来模拟浏览器自带的路由，它的兼容性也是很好的

  
  image.png

• H5 router：为JS的history对象中提供了一些新的方法，用来手动的在路由历史中提供一个新值，功能跟hash路由是类似的，但是它比hash优秀的地方是能够操控路径，相对的兼容性会比较差

  
  image.png