Vue3学习笔记2——路由守卫

路由守卫

全局

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

组件内守卫

  • beforeRouteEnter((to, from, next) => {})
  • beforeRouteUpdate((to, from, next) => {})
  • beforeRouteLeave((to, from, next) => {})

路由独享

  • beforeEnter((to, from, next) => {})

参数详解

参数 描述
to 跳转到哪个路由对象
from 要离开的路由对象
next 一个方法,可以接收参数。这个方法必须调用,不使用无法跳转
  • next():要to过去
  • next(false):可以不通过,中断跳转
  • next('/'):不让过,可以去另一个地方
相关推荐
墨染枫7 分钟前
pytorch学习笔记-自定义卷积
pytorch·笔记·学习
再学一点就睡1 小时前
手写 Promise 静态方法:从原理到实现
前端·javascript·面试
再学一点就睡2 小时前
前端必会:Promise 全解析,从原理到实战
前端·javascript·面试
今天也好累2 小时前
C 语言基础第16天:指针补充
java·c语言·数据结构·笔记·学习·算法
前端工作日常2 小时前
我理解的eslint配置
前端·eslint
前端工作日常3 小时前
项目价值判断的核心标准
前端·程序员
90后的晨仔3 小时前
理解 Vue 的列表渲染:从传统 DOM 到响应式世界的演进
前端·vue.js
OEC小胖胖4 小时前
性能优化(一):时间分片(Time Slicing):让你的应用在高负载下“永不卡顿”的秘密
前端·javascript·性能优化·web
朱小弟cs64 小时前
Orange的运维学习日记--16.Linux时间管理
linux·运维·学习
烛阴4 小时前
ABS - Rhomb
前端·webgl