vue-router有哪几种导航钩子
时间: 2023-04-27 08:04:03 浏览: 164
详解vue-router的导航钩子(导航守卫)
5星 · 资源好评率100%
Vue Router 提供了多种导航钩子(Navigation Guards),常用的有以下几种:
1. `beforeEach`:在路由变化前被调用,可以用来进行全局的前置验证,例如检查用户是否有权限访问某个页面。
2. `beforeResolve`:在路由变化前被调用,但是在 `beforeEach` 守卫解析完毕之后被调用,可以用来进行异步数据加载等操作。
3. `afterEach`:在路由变化后被调用,可以用来进行页面的统计、打点等操作。
4. `beforeRouteEnter`:在路由组件进入路由之前被调用,可以用来进行路由组件的初始化工作,但是此时无法访问组件实例(this)。
5. `beforeRouteUpdate`:在路由组件复用时调用,例如从 /users/1 到 /users/2,可以用来监听路由参数的变化并更新组件数据。
6. `beforeRouteLeave`:在路由组件离开路由时调用,可以用来进行用户提示、保存数据等操作。
以上是常用的几种导航钩子,Vue Router 还提供了其他的导航钩子,例如 `scrollBehavior` 可以用来控制页面滚动行为等。
阅读全文