vue-router导航守卫(钩子函数)

首先让我们了解一下什么是导航守卫。

官方:vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。`

1.全局守卫略解

无论访问哪一个路径,都会触发全局的钩子函数,位置是调用router的方法

2.路由独享的守卫略解

写在路由配置中,只有访问到这个路径,才能触发钩子函数

3.组件级路由钩子略解

写在组件中,访问路径,即将渲染组件的时候触发的
vue-router导航守卫(钩子函数)