Vue-router导航守卫：全局路由守卫、路由独享守卫、路由特享守卫

一、全局路由守卫

 to：去往的路由对象，from从哪个路由对象来，next允许进入

1.全局前置守卫router.beforeEach，进入路由之前。比如判断是否登录了。

2.全局解析守卫router.brforeResolve。在beforeRouteEnter调用之后调用

3.全局后置钩子，进入路由之后router.afterEach。比如跳转之后让滚动条回到顶部或用来记录访问路径。

 路由控制滚动条也可以在router/index.js中写：

 new VueRouter({ scrollBehavior() { return { x: 0, y: 0 } } })

二、路由独享守卫beforeEnter

三、 路由特享守卫

1. beforeRouteEnter 进入路由组件之前，此时组件实例还没有创建，无法访问this
2. beforeRouteUpdate 路由组件反复被调用之前，该组件被复用调用时触发
3. beforeRouteLeave 路由组件离开之前