关于路由守卫的简要介绍

全局导航守卫： 全局前置守卫 router.beforeEach((to, from, next) => {

       to 要去的页面的路由对象
        from 要离开的页面的路由对象
        next() 解开守卫 内部不穿参数则 直接往下走 如果传一个地址 例如next('/') 走向这个地址
        如果参数是一个对象 next({
            path: '/' || name: 'name'
        }) 则会走向对应的path地址的页面 或者对应的name的值得页面 可以利用query或者params 传递参数
    })
    ：路由解析守卫 router.beforeResolve 
    : 全局后置守卫 router.afterEach((to, from) => {
        to 要到的页面的路由对象
        from 是要离开的页面的路由对象
    })

路由独享守卫： 单独的路由对象中 var router = new VueRouter({

        routes: [
            {
                path: '页面地址'，
                name: '路由的名称',
                component: 对应的页面组件
                beforeEnter: (to, from, next) => {
                    to 要去到的页面的路由对象
                    from 要离开的页面的路由对象
                    next()
                    next() 解开守卫 内部不穿参数则 直接往下走 如果传一个地址 例如next('/') 走向这个地址
                    如果参数是一个对象 next({
                        path: '/' || name: 'name'
                    }) 则会走向对应的path地址的页面 或者对应的name的值得页面 可以利用query或者params 传递参数
                }
            }
        ]
    })

组件内的守卫： beforeRouteEnter(to, from, next) {

        to 要去到的页面的路由对象
        from 要离开的页面的路由对象
        this指向的是windows
        next(vm => {
            vm指向vue的实例化对象
        })
        next() 解开守卫 内部不穿参数则 直接往下走 如果传一个地址 例如next('/') 走向这个地址
        如果参数是一个对象 next({
            path: '/' || name: 'name'
        }) 则会走向对应的path地址的页面 或者对应的name的值得页面 可以利用query或者params 传递参数
    }
    beforeRouteUpdate(to, from, next) {
        // 在当前路由改变，但是该组件被复用时调用
        // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
        // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
        // 可以访问组件实例 `this`
    }
    beforeRouteLeave (to, from, next) {
        // 导航离开该组件的对应路由时调用
        // 可以访问组件实例 `this`
        这个离开守卫通常用来禁止用户在还未保存修改前突然离开
    }