VueRouter - 钩子函数都有哪些
1.beforeRouteEnter(to, from, next):在进入路由之前调用,可以获取即将进入的路由对象(to)和当前路由对象(from),可以通过调用next()来继续导航到该路由,或者传递一个回调函数来延迟导航。
2.beforeRouteUpdate(to, from, next):在当前路由改变,但是该组件被复用时调用,可以获取即将进入的路由对象(to)和当前路由对象(from),同样可以通过调用next()来继续导航到该路由。
3.beforeRouteLeave(to, from, next):在离开当前路由之前调用,可以获取即将进入的路由对象(to)和当前路由对象(from),同样可以通过调用next()来继续导航到该路由。
4.afterEach(to, from):在每次成功导航之后调用,可以获取当前路由对象(to)和前一个路由对象(from),可以用来执行一些全局的操作,比如页面滚动等。
5.beforeEach(to, from, next):在每个路由进入之前调用,可以用来进行全局的导航守卫,比如判断用户是否登录等。需要调用next()来继续导航到该路由,或者传递一个路径来重定向。
推荐阅读:
扫描二维码,在手机上阅读