1.什么是路由

路由（英文：router）就是对应关系

2.什么是前端路由

通俗易懂的概念：Hash地址与组件之间的对应关系

3.前端路由的工作方式

1.用户点击了页面上的路由链接
2.导致了URL地址栏中的Hash值发生了变化
3.前端路由监听到了Hash地址的变化
4.前端路由把当前Hash地址对应的组件渲染到浏览器中

哈希地址（#…）和组件的对应关系：

当Hash地址改变的时候会触发onhashchange事件.(存在于create周期)

 window.onhashchange = () => {
      console.log('监听到了 hash 地址的变化', location.hash)
    
    //location.hash可以获取当前的hash值

vue-router包可以快速帮我们生成前端路由，不需要自己去写。