一、hash路由特点

1.hash路由相当于一本书的标签，浏览器会自动识别跳到页面对应位置
2.hash路由改变，页面不会刷新
3.前端可以全面掌控hash路由，url中的hash值不会传递给后台
4.hash值改变可以引起浏览器前进或后退

二、hash路由使用

1.监听路由变化—onhashchange

2.改变路由

  1. window.onhashchange = (event)=>{
  2.     const { newUrl,oldUrl} = event;
  3.   const hash = location.hash
  4. }
  6. function onClick(){
  7.     location.href = '#/user'
  8. }

三、vue-router的基本原理

1.vue-router注册全局组件—

2.监听hash路由变化-渲染匹配到的vue组件

四、vue-router在项目中的使用

1.getRoutes方法获取完整路由记录，生成菜单数据

2.route.matched—获取当前匹配到的路由，生成面包屑