导航守卫知识点

1.导航守卫的作用：

进入或者离开页面前做拦截和额外操作（不让进入，不让离开）

类似 拼多多砍价时，当点击退出时，弹出新的页面提醒信息，需要再次点击才能真正的退出

 2.登录：

01 配置api/user.js
02 配置 store/moudules/user.js
    03 页面调用
$store.dispatch(“login”,this.user)

02步骤：

 

3.组件内：

beforeRouteEnter
组件进入前
        to 要进入的页面路由
        from  从哪个页面进入
        next
下一步
            next(true)
放行
            next(false)
不进入
            next(“/login?redirect=/cart”)
跳转到登录，查询参数redirect值是/cart (redirect是自己随便命名的)
可以通过$route.query.redirect 获取当前路由的查询参数redirect的值
        beforeRouteEnter里面没有this（页面都没有进入没有this）
         next(vm