vue router中的导航守卫，它的5个使用场景举例

Vue Router 中的导航守卫主要用于监视路由的变化，它提供了一些钩子函数，允许我们在路由进入、离开或改变时执行一些逻辑。

导航守卫的主要作用包括：

1. 权限控制：我们可以在导航守卫中检查用户的登录状态或权限，根据结果决定是否允许用户进入某个路由。

2. 数据预获取：我们可以在进入某个路由前预先获取一些数据，这样当页面渲染时，数据已经准备好了。

3. 状态保存和恢复：我们可以在离开某个路由时保存一些状态，例如表单输入，然后在用户回到该路由时恢复这些状态。

4. 确认导航：我们可以在离开某个路由时询问用户是否确定要离开，特别是当用户在一个表单中输入了一些数据但还没有保存时。

5. 动态改变页面标题：我们可以在进入某个路由时改变页面的标题。

Vue Router 提供了全局的、单个路由独享的以及组件内的导航守卫，可以满足不同的需求。