vue路由钩子函数有哪些
时间: 2023-10-26 12:07:52 浏览: 95
Vue路由钩子函数有以下几种:
1. 全局前置守卫:beforeEach(to, from, next)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
- next: Function:一定要调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数
2. 全局后置钩子:afterEach(to, from)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
3. 路由独享的守卫:beforeEnter(to, from, next)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
- next: Function:一定要调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数
4. 组件内的守卫:
- beforeRouteEnter(to, from, next)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
- next: Function:一定要调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数
- beforeRouteUpdate(to, from, next)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
- next: Function:一定要调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数
- beforeRouteLeave(to, from, next)
- to: Route:即将要进入的目标路由对象
- from: Route:当前导航正要离开的路由
- next: Function:一定要调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数
阅读全文