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('/'):不让过,可以去另一个地方
相关推荐
斯内普吖1 小时前
(开源)水果蔬菜商城实战指南 基于 Java + SSM + Vue + MySQL
java·vue.js·mysql·开源
去伪存真2 小时前
从乱码到高精度检索:探矿业务中 TXT、Word、PDF 与网页的 RAG 清洗之道
前端·agent
两个西柚呀2 小时前
JS事件总结
前端·javascript·css
小狼154542 小时前
拼多多订单数据导出 CSV 实战:接口分页、字段平铺与 5 个数据坑,多多开票助手
java·前端·javascript
Joe_Wang52 小时前
【从0到1学习JVM · 25】同样都要停顿所有线程,Parallel比Serial到底强在哪
java·jvm·学习·垃圾回收
M78佐菲2 小时前
ARM学习笔记(9)
linux·arm开发·笔记·嵌入式硬件·学习
ss2732 小时前
AI全栈实战 | 2.2-02 React 思维模型:数据不可变 vs Vue 数据可变,两种哲学把复杂度推给谁
前端·vue.js·react.js
天衍四九-2 小时前
Docker Compose企业实战系列(三):Vue/React前端项目容器化完整部署
前端·vue.js·docker
阳光九叶草LXGZXJ2 小时前
达梦数据库-学习-67-SSL加密认证
linux·运维·数据库·sql·学习·ssl
Rosanci2 小时前
从零到合入主线:我的 DeepSeek Harness 开源贡献实战手记
开发语言·前端·开源