«

VueRouter - 钩子函数都有哪些

yang 发布于 阅读:382 面试题


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()来继续导航到该路由,或者传递一个路径来重定向。

版权所有:微4e
文章标题:VueRouter - 钩子函数都有哪些
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论