vue-router中的几种导航钩子

①全局路由守卫（编写在路由配置文件中）

        router.beforeEach(to,from,next)        全局路由前置守卫

                作用：路由跳转前触发，跳转前进行判断拦截

                参数：

                        to                 即将要进入的目标路由对象

                        from            当前导航正要离开的路由对象

                        next            放行

        router.afterEach(to,from)       全局路由后置守卫

                作用：在路由跳转完成后触发

                参数：

                        to                即将要进入的目标路由对象

                        from            当前导航正要离开的路由对象

②组件中的导航钩子（编写在具体的组件中，下面两个方法与methods同级）

         beforeRouteEnter(to,from,next)                 组件前置路由守卫，进入该组件时被调用

         beforeRouteLeave(to,from,next)                组件后置路由守卫，离开该组件时被调用

③独享路由守卫（编写在路由配置文件具体的某个组件中）

        beforeEnter(to,from,next)

                参数：

                        to                 即将要进入的目标路由对象

                        from             当前导航正要离开的路由对象

                        next             放行