vue中的路由守卫

路由守卫多用于网页中登录页面的时候 用户登录之后才能让用户进入网站的首页

这时候就要用路由守卫判断用户是否登录 防止影响用户体验

路由守卫 分为全局的路由守卫 和 页面的路由守卫

全局的路由守卫需要

let router = new VueRouter({....});

全局前置守卫

router.beforeEach((to, from, next) => {....})

to:要去哪个页面

from:从哪个页面来

next:进入到这个页面之后下一步执行什么

组件内守卫

beforeRouteEnter (to, from, next) {} 在渲染该组件的对应路由前调用

beforeRouteUpdate (to, from, next) {} 在当前路由改变，但是该组件被复用时调用

beforeRouteLeave (to, from, next) {} 导航离开该组件的对应路由时调用