Vue 关于路由

关于路由

路由的模式与区别

路由的两种模式：

1. hash
2. history

区别：

1. 表象不同
   hash 模式中，在地址里以 /#/ 分隔；history 模式中，地址里以 / 分隔。
2. 关于找不到当前页面发送请求的问题
   history 模式会给后端发送一次请求（可以通过配置一个 404 页面来解决），而 hash 不会。
3. 关于项目打包前端自测问题
   项目打包后，dist 文件夹中的文件打开，history 模式在默认情况下是不显示内容的，而 hash 模式是正常显示的。

子路由和动态路由

路由传值

导航故障

（上面三个看 Vue 文档就可以）

router 和 route 的区别

$router 不仅包含当前路由还包含整个路由的属性和方法。
$route 仅包含当前路由对象。

导航守卫

1. 全局守卫
   beforeEach 路由进入之前
   afterEach 路由进入之后
2. 路由独享守卫
   beforeEnter 路由进入之前
3. 组件内守卫
   beforeRouteEnter 路由进入之前
   beforeRouteUpdate 路由更新之前
   beforeRouteLeave 路由离开之前