路由

1.路由传参1

通过请求地址传参数,props开启传参

 

路由传参2

通过props传参,如果为空则使用页面上定义的默认值

 路由传参3

函数模式

 

 

2.路由匹配不到组件是转到404页面,在路由的最后定义

 3.路由前置守卫

可以用来做登录判断,Has_logined为后端传过来的的登录状态

beforeEach函数的三个参数分别为to:即将要跳转的页面;from:原来所在的页面;next:跳转函数,决定要跳转的页面

首先判断用户是否要去登录页面,如果不是要去登录页面再判断是否为登录状态,如果是则直接跳转,不是则跳转到登录页面

                                                      如果判断为用户要去登录页面,再做登录状态判断,如果已经登录则跳转到首页,没登录则直接跳转到登录页面

 

 

 4.组件的3个路由钩子

在组件对应路由被确认前调用

 在离开组件前被调用,可用来提醒用户保存内容

 组件被复用时调用

 整个调用顺序

 

posted on   大风吹过12138  阅读(13)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
历史上的今天:
2022-07-21 封装
2022-07-21 类和对象总结
2022-07-21 构造器详解
2022-07-21 类和对象的创建
2022-07-21 方法的调用
2022-07-21 什么是面向对象
点击右上角即可分享
微信分享提示